使用 AngularJS 将服务注入控制器

Question

我在 AngularJS 中编写了一个服务，但我无法让它与 angular-seed 的处理方式一起工作。

控制器代码如下：

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

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

}]);

请注意，注释掉的部分可以正常工作，但我想处理它有点像（推荐的）第二种方式。

我得到的错误是照片是未定义的，所以我的猜测是我传递（注入）它的方法是错误的，但我不知道如何正确地做到这一点

Answer 1

你需要定义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() {

    }]);

几个参考：

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

在上面的示例代码中，我使用了参数别名，我建议这样做是为了避免在缩小代码时出现问题。

另请参见此处的示例： AngularJS multiple uses of Controller and rootScope

还有一个 Plunker： http://plnkr.co/edit/Bzjruq