使用AngularJS将控制注入控制器

时间:2013-06-01 20:03:00

标签: angularjs

我已经在AngularJS中编写了一个服务,但我无法使用角度种子方式处理它。

控制器代码如下:

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

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

}]);

请注意,注释掉的部分工作正常,但我想稍微处理(推荐)第二种方式。

我得到的错误是照片未定义,所以我的猜测是我传递(注入)的方法是错误的,但我无法找到如何正确地做到

1 个答案:

答案 0 :(得分:53)

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

    }]);

一些参考文献:

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

另见这里的例子: AngularJS multiple uses of Controller and rootScope

这里有一个普通人: http://plnkr.co/edit/Bzjruq