query() с Angular $ resources, «Undefined is not a function»

Question

Так что я экспериментирую с Angular. Я создал следующий модуль.

var archiveModule = angular.module('archiveModule', ['ngResource']); 

archiveModule.factory('Archive', ['$resource', 
    function($resource) { 
     return $resource('/data/archive/:doc.json', {}, { 
      query: { method:'GET', params:{ doc: undefined }, isArray:true } 
     }); 
    }]); 

archiveModule.controller('ArchiveControl', ['$scope', '$http', 'Archive', 
    function ($scope, Archive) { 
     $scope.items = Archive.query(); 
     $scope.orderProp = 'name'; 
    }]); 

Мой шаблон все происходит в пределах:

<div class="container" ng-app="archiveModule"> 
    <div ng-controller="ArchiveControl"> 

I включают угловые скрипты в нижней части моей страницы:

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-resource.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-route.js"></script> 

И сообщает TypeError: undefined is not a function Chrome, и она восходит к line $scope.items = Archive.query();.

Согласно http://docs.angularjs.org/api/ngResource. $ Ресурс, запрос является частью $ resource, и я смоделировал свой ресурс http://docs.angularjs.org/tutorial/step_11. Я не уверен, что здесь происходит не так.

Answer 1

Ваши параметры не совпадают с объявленными зависимостями. Это инъекционного $http в Archive ...

archiveModule.controller('ArchiveControl', ['$scope', '$http', 'Archive', 
    function ($scope, Archive) { 

Удалить '$http' и он должен работать ...

archiveModule.controller('ArchiveControl', ['$scope', 'Archive', 
    function ($scope, Archive) { 
     $scope.items = Archive.query(); 
     $scope.orderProp = 'name'; 
    }]);