how to inject controller in app.js using $stateprovider..

Check the below code:

var mainApp = angular.module("mainApp",['ui.router']);
mainApp.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {

$stateProvider
.state('AddStudent', {
url: '/:AddStudent',
templateUrl: 'Templates/addStudent.html',
controller: 'AddStudentController'
url: '/:viewstudents',
templateUrl: 'Templates/viewStudents.html',
controller: 'ViewStudentsController'
});

$urlRouterProvider.otherwise('/');

}]);

angular.module('app',['ui.router'])
.config(['$stateProvider','$urlRouterProvider',
function($stateProvider,$urlRouterProvider){
$urlRouterProvider.otherwise('/');
$stateProvider
.state('home',{
url:'/',
views:{
'':{templateUrl:'./templates/main.html'},
'nav@home':{templateUrl:'./templates/assets/nav.html'},
'body@home':{templateUrl:'./templates/body.html'},
'footer@home':{templateUrl:'./templates/assets/footer.html'}
}
});
}
]);