Angular service injection failing to load into controller

Question

Currently a simple app that contains a controller and a service. It looks like the service loads correctly into the module but the controller isn't picking it up. If I remove the 'Photo' injection from the controller, the code doesn't crash. It's only when I try to inject the service into the controller that I see a problem.

controllers.js file:

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

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

services.js file:

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

Html file:

<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>

m59 · Accepted Answer · 2014-01-05 00:39:15Z

1

$provide.factory('Photo', ['$resource', function($resource){ has a dependency on $resource which it seems you haven't included.

Here are the docs on $resource:

http://docs.angularjs.org/api/ngResource.$resource

http://docs.angularjs.org/api/ngResource

answered Jan 5, 2014 at 0:39

m59

43.9k14 gold badges122 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sailboatlie Over a year ago

Thank you! That was indeed the problem.

Collectives™ on Stack Overflow

Angular service injection failing to load into controller

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related