Javascript 角度服务注入无法加载到控制器中_Javascript_Angularjs

Javascript 角度服务注入无法加载到控制器中

javascript angularjs

Javascript 角度服务注入无法加载到控制器中,javascript,angularjs,Javascript,Angularjs,目前是一个包含控制器和服务的简单应用程序。看起来服务已正确加载到模块中，但控制器未将其拾取。如果我从控制器中删除“Photo”注入，代码不会崩溃。只有当我尝试将服务注入控制器时，我才发现问题 controllers.js文件： var photoViewer= angular.module('photoViewer', ['photoViewer.services']); photoViewer.controller('PhotoListCtrl', ['$scope', 'Photo', f

目前是一个包含控制器和服务的简单应用程序。看起来服务已正确加载到模块中，但控制器未将其拾取。如果我从控制器中删除“Photo”注入，代码不会崩溃。只有当我尝试将服务注入控制器时，我才发现问题

controllers.js文件：

var photoViewer= angular.module('photoViewer', ['photoViewer.services']);

photoViewer.controller('PhotoListCtrl', ['$scope', 'Photo', function($scope, Photo) {
    $scope.photos = Photo.getPhotos();
}]);

angular.module('photoViewer.services', [], function($provide) {
    $provide.factory('Photo', ['$resource', function($resource){
        return {
            getPhotos: function() {
                return [
                    {'name': 'test1'},
                    {'name': 'test2'}
                ];
            }
        }
    }]);
});

services.js文件：

var photoViewer= angular.module('photoViewer', ['photoViewer.services']);

photoViewer.controller('PhotoListCtrl', ['$scope', 'Photo', function($scope, Photo) {
    $scope.photos = Photo.getPhotos();
}]);

angular.module('photoViewer.services', [], function($provide) {
    $provide.factory('Photo', ['$resource', function($resource){
        return {
            getPhotos: function() {
                return [
                    {'name': 'test1'},
                    {'name': 'test2'}
                ];
            }
        }
    }]);
});

Html文件：

<html ng-app="photoViewer">
<head>
    <title>Photo Viewer</title>
</head>
<body>
    <div ng-controller="PhotoListCtrl" style="width:500px;">
        <div>{{photos.length}} total photos found.</div>
        <ul>
            <li ng-repeat="photo in photos">
                {{$index + 1}} - {{photo.name}}
            </li>
        </ul>
    </div>
    <script src="/js/libs/angular.min.js"></script>
    <script src="/js/services.js"></script>
    <script src="/js/controllers.js"></script>
</body>
</html>


照片查看器
{{photos.length}找到的照片总数。


{{$index+1}}-{{photo.name}

$provide.factory（'Photo'，['$resource'，function（$resource）{

依赖于

$resource

，您似乎还没有包括它

以下是

$resource

上的文档：

谢谢！这确实是问题所在。