Angularjs Angular Noob:$resource没有返回记录？

我在轨道上+角度。我在rails中创建了一个路由

http://localhost:3000/api/products/30

返回JSON:

{"id":30,"name":"blue / red / sky blue square eyeglasses","active":true,"page_title":"","meta_description":"","created_at":"2014-05-27T20:26:03.000Z","updated_at":"2014-07-25T14:42:19.000Z","vendor_id":4,"short_description":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum do","long_description":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum do","shape_id":4,"material_id":1,"category_id":3,"taxable":false,"products_colors":[{"id":31,"color_id":4,"product_id":30,"mens":true,"womens":true,"created_at":"2014-05-27T20:26:03.000Z","updated_at":"2014-05-28T19:05:13.000Z","mens_sort_order":1,"womens_sort_order":0,"color":{"id":4,"name":"sky blue","created_at":"2014-05-16T18:11:03.000Z","updated_at":"2014-05-16T18:11:03.000Z","image":{"url":"/images/no-image.png"}}},{"id":36,"color_id":1,"product_id":30,"mens":true,"womens":true,"created_at":"2014-05-28T20:19:40.000Z","updated_at":"2014-05-28T20:19:40.000Z","mens_sort_order":null,"womens_sort_order":null,"color":{"id":1,"name":"blue","created_at":"2014-05-16T17:01:26.000Z","updated_at":"2014-07-25T18:49:54.000Z","image":{"url":"/uploads/color/1/blackt.jpg"}}},{"id":37,"color_id":3,"product_id":30,"mens":false,"womens":true,"created_at":"2014-05-28T20:20:15.000Z","updated_at":"2014-05-28T20:20:15.000Z","mens_sort_order":null,"womens_sort_order":null,"color":{"id":3,"name":"red","created_at":"2014-05-16T18:10:25.000Z","updated_at":"2014-07-25T18:59:17.000Z","image":{"url":"/images/no-image.png"}}},{"id":38,"color_id":5,"product_id":30,"mens":true,"womens":true,"created_at":"2014-05-28T20:21:58.000Z","updated_at":"2014-05-28T20:21:58.000Z","mens_sort_order":null,"womens_sort_order":null,"color":{"id":5,"name":"pitch black","created_at":"2014-05-22T18:04:25.000Z","updated_at":"2014-05-22T18:04:25.000Z","image":{"url":"/images/no-image.png"}}}]}

但是，当我尝试使用$resource以angular方式检索此JSON时，它返回了一个

资源

：

提供者（我应该使用提供者吗？）

控制器：

app.controller('ProductCtrl', ['$scope', '$location', '$resource', 'SingleProduct', function($scope, $location, $resource, SingleProduct) {

  // $location.path is equal to /products/30
  var product = SingleProduct.find($location.path());
  $scope.title = "fff";
  $scope.product = product;
}]);

视图：

{{title}}//打印出fff（正确）
{{product.name}}//打印出资源（不正确，应为“蓝色/红色…”）

---

发生什么事了？当我为

/api/products

执行此操作时，它以JSON格式返回了一个产品数组。

您实际上从未对资源调用任何方法。您的

.find

返回具有指定路径的资源对象，现在对所述资源执行一些操作：

var product = SingleProduct.find($location.path());
var products = product.get(); //something like this

<div ng-controller="ProductCtrl">
  {{ title }} // prints out fff (CORRECT)
  {{ product.name }} // prints out Resource (INCORRECT, should be "blue / red ...")
</div>

var product = SingleProduct.find($location.path());
var products = product.get(); //something like this