Un autre fournisseur INCONNU Angularjs

Question

OK, donc je suis nouveau à angulaire et j'ai cherché des réponses à travers le web à ce problème. J'ai une erreur de fournisseur inconnue et je ne suis pas capable de trouver la bonne réponse J'ai essayé plusieurs réponses d'ici sur le débordement de pile et beaucoup d'autres endroits mais cela ne m'a pas aidé à trouver la bonne réponse pour cela.

J'ai le Module.

var app = angular.module('app', ['ngRoute','app.student']).config(['$httpProvider', '$routeProvider', function ($httpProvider,$routeProvider) { 
//Various code 
}]); 

Voici mon contrôleur

angular.module('app.student', []).controller('StudentCtrl', ['StudentService', '$scope', '$http', function (StudentService, $scope, $http) { 
//Code 
}]); 

Et maintenant Mon service

angular.module('app.student', []).service('StudentService', ['$http', function ($http) { 
// Some More Code 
}]); 

Je suis encore nouveau dans cette langue, je l'ai à nouveau essayé plusieurs réponses sur Stackoverflow et aucune des réponses travaillent pour moi. J'ai donc décidé de demander de l'aide. Merci

P.S. Si vous avez besoin de plus de mon code, faites le moi savoir.

Answer 1

Vous n'avez pas besoin d'avoir app.student comme une dépendance,

var app = angular.module('app', ['ngRoute']).config(['$httpProvider', '$routeProvider', function ($httpProvider,$routeProvider) { 
//Various code 
}]); 

votre code de contrôleur devrait être,

angular.module('app').controller('StudentCtrl', ['StudentService', '$scope', '$http', function (StudentService, $scope, $http) { 
//Code 
}]); 

et le service devrait être,

angular.module('app').service('StudentService', ['$http', function ($http) { 
// Some More Code 
}]); 

Answer 2

Vous créez deux fois le module app.student.

D'abord, vous créez votre module (puis vous créez également un contrôleur):

angular.module('app.student', []).controller('StudentCtrl', ['StudentService', '$scope', '$http', function (StudentService, $scope, $http) { 
    //Code 
}]); 

Ensuite, une fois qu'il est créé, juste le récupérer. Ne passez pas dans un tableau de dépendances, ou vous allez créer à nouveau:

angular.module('app.student').service('StudentService', ['$http', function ($http) { 
    // Some More Code 
}]);