AngularJS - Regler Funktion Order - Einige Referenzen nicht funktionieren

Question

Ich habe den folgenden Code: titledbApp.controller('TitleListController', ['$cookieStore', function($scope, $http, $cookieStore) {

Es nicht Arbeit - es grundsätzlich verkantet $ CookieStor erkennen und sagen, es undefined sind so alle .get und .put Anfragen Scheitern.

Wenn ich mich bewege $cookieStore in function() zu Beginn (vor $scope) es funktioniert gut, aber dann $scope und $http nicht funktionieren.

Voll Code:

titledbApp.controller('TitleListController', ['$cookieStore', function($cookieStore, $scope, $http) { 
    $cookieStore.put('ETag', 'test'); 
    var etag = 't'; 
    $http.get('https://api.github.com/users/ImReallyShiny/repos', {headers: {'If-None-Match': 't'}}).then(function successCallback(response, headers) { 
     $cookieStore.put('ETag', headers('ETag')); 
     $scope.titles = response.data; 
     $scope.titles.splice(1, 1); 
     $scope.titles.sort(function(a, b){ 
      if(a.name.toUpperCase() < b.name.toUpperCase()) return -1; 
      if(a.name.toUpperCase() > b.name.toUpperCase()) return 1; 
      return 0; 
     }); 
     }), function errorCallback() { 
     return "Error"; 
     }; 
}]); 

Answer 1

titledbApp.controller('TitleListController', ['$cookieStore', function($cookieStore, $scope, $http) 

Sollte

titledbApp.controller('TitleListController', ['$cookieStore', '$scope', '$http', function($cookieStore, $scope, $http) 

Sie haben sie alle injizieren, bevor Sie sie in Ihrem Code zugreifen können.

Answer 2

Gemäß angular js offizielle Dokumentation, die Reihenfolge und die Nr .: der Parameter der Abhängigkeiten sollten gleich sein.

titledbApp.controller('TitleListController', ['$cookieStore','$scope', '$http', function($cookieStore, $scope, $http) { 
    $cookieStore.put('ETag', 'test'); 
    var etag = 't'; 
    $http.get('https://api.github.com/users/ImReallyShiny/repos', {headers: {'If-None-Match': 't'}}).then(function successCallback(response, headers) { 
      $cookieStore.put('ETag', headers('ETag')); 
     $scope.titles = response.data; 
     $scope.titles.splice(1, 1); 
     $scope.titles.sort(function(a, b){ 
      if(a.name.toUpperCase() < b.name.toUpperCase()) return -1; 
      if(a.name.toUpperCase() > b.name.toUpperCase()) return 1; 
      return 0; 
     }); 
     }), function errorCallback() { 
     return "Error"; 
     }; 
}]); 

Sie können auch die Funktion Syntax verwenden,

titledbApp.controller('TitleListController', TitleListController); 

function TitleListController($cookieStore,$scope, $http){ 
    $cookieStore.put('ETag', 'test'); 
    var etag = 't'; 
    $http.get('https://api.github.com/users/ImReallyShiny/repos', {headers: {'If-None-Match': 't'}}).then(function successCallback(response, headers) { 
      $cookieStore.put('ETag', headers('ETag')); 
     $scope.titles = response.data; 
     $scope.titles.splice(1, 1); 
     $scope.titles.sort(function(a, b){ 
      if(a.name.toUpperCase() < b.name.toUpperCase()) return -1; 
      if(a.name.toUpperCase() > b.name.toUpperCase()) return 1; 
      return 0; 
     }); 
     }), function errorCallback() { 
     return "Error"; 
     }; 

}