Question

您好我正在尝试使用ngResource从我的api获取一个url，并且我有一个返回资源的服务。但是，当我在控制器内部调用它时，会给出一个错误：无法读取属性＆＃39;查询＆＃39;未定义的。

为什么会这样？

这是我的服务：

＆＃13;

(function() {

  var app = angular.module('test');

  app.service('ContactResource', ['$resource', function($resource) {

      return $resource('/contacts/:firstname', {firstname: '@firstname'},
        {
          'update': {method: 'PUT'}
        }
      );
  }]);

}());

＆＃13;

这是我的控制器

＆＃13;

(function() {

  var app = angular.module('test');

  app.controller('contactsCtrl', ['ContactResource', function($scope, Contacts, ContactResource) {
    $scope.contacts = ContactResource.query();
  }]);

}());

＆＃13;

这是我的HTML

＆＃13;

<table class="table table-bordered">
  <thead>
    <th>Firstname <input type="search" class="pull-right"></th>
  </thead>
  <tbody>
    <tr ng-repeat="contact in contacts">
      <td>
        <a ng-href="/{{ contact.firstname }}">{{ contact.firstname }}</a>
      </td>
    </tr>
  </tbody>
</table>

＆＃13;

Answer 1

这是你的问题：

['ContactResource', function($scope, Contacts, ContactResource)

您还需要将$scope和Contacts注入数组中，如下所示：

['$scope', 'Contacts', 'ContactResource', function($scope, Contacts, ContactResource)

或者Angular会认为'ContactResource'与$scope相同。

Angular $资源返回TypeError

1 个答案: