Wstrzykiwanie serwisowe do kontrolera za pomocą AngularJS

Question

Napisałem usługę w AngularJS, ale nie mogę jej zmusić do pracy z ziarnistym materiałem siewnym.

Kod kontroler jest w następujący sposób:

/*function PhotoCtrl($scope, Photo) { 
    $scope.photos = Photo.query(); 
}*/ 

angular.module('myApp.controllers', []). 
    controller('PhotoCtrl', [function($scope,Photo) { 
    $scope.photos = Photo.query(); 
}]) 
.controller('MyCtrl2', [function() { 

}]); 

Należy pamiętać, że wypowiedziało się sekcja działa dobrze, ale chciałbym się nią trochę jak (zalecane) drugi sposób.

Błąd pojawia jest to, że zdjęcie jest niezdefiniowany, więc moje przypuszczenie byłaby moja metoda przekazywania (wstrzyknięcie) to jest źle, ale nie mogę dowiedzieć się, jak to zrobić poprawnie

Answer 1

Trzeba zdefiniować usługa Photo:

angular.module('myApp.controllers', []) 
    .service('Photo', ['$log', function ($log) { 

     return { 
      query: function() { 
       // the query code here. 
      } 
     }; 

    }]) 
    .controller('PhotoCtrl', ['$scope', 'Photo', function ($scope, Photo) { 
     $scope.photos = Photo.query(); 
    }]) 
    .controller('MyCtrl2', [function() { 

    }]); 

kilka odniesień:

• http://docs.angularjs.org/api/angular.Module
• http://docs.angularjs.org/api/AUTO.$provide#service

W powyższym kodzie przykładowym użyłem aliasingu parametrów, co sugeruję, aby uniknąć problemów przy minimalizacji kodu.

Patrz także przykład tutaj: AngularJS multiple uses of Controller and rootScope

I Plunker tutaj: http://plnkr.co/edit/Bzjruq