Angularjs: Service is undefined

Question

Я просто хочу спросить, что не так с моими кодами здесь?

индекс:

// ng-app="app" and ng-controller="Student" is already injected 

<script src="app/js/jquery/jquery-3.1.1.min.js"></script> 
<script src="app/js/angularjs/angular.min.js"></script> 
<script src="app/controller/app.js"></script> 
<script src="app/service/student-service.js"></script> 
<script src="app/controller/student-controller.js"></script> 
<script src="app/css/bootstrap/js/bootstrap.min.js"></script> 

app.js:

(function() { 

'use strict'; 
angular.module('app', [ 
    'Student', 
    'StudentService' 
]); 

})(); 

студент-controller.js:

angular.module('Student', ['StudentService']) 
    .controller('Student', ['$scope', '$http', 'StudentService', 
     function($scope, $http, $studentService) { 

     // a function here which calls studentService 

     }]); 

студент-service.js:

angular.module('StudentService', []) 
    .factory('StudentService', ['$http', '$q', 
     function($http, $q) { 

      return { 
       getStudentData : getStudentData 
      } 

      // getstundetData function here 


}]); 

когда я вызываю studentService в функции в моем контроллере, я получил ошибку, говоря, что studentService не определен! я не знаю, что действительно неправильно, но я думаю, что поток моей dependecy прав. ,

index-> ​​app.js-> контроллер-> Сервис

Можете ли вы помочь мне, ребята? Благодарю. , ,

Answer 1

Изменить порядок, потому что app.js является depdendent на два других модулях,

<script src="app/service/student-service.js"></script> 
<script src="app/controller/student-controller.js"></script> 
<script src="app/controller/app.js"></script> 

Answer 2

изменения контроллера инъекционного из $studentService в StudentService

.controller('Student', ['$scope', '$http', 'StudentService', 
     function($scope, $http,StudentService) { 

     // a function here which calls studentService 

     }]);