javascript - 如何在 Angular.js 中的 JSON 对象中返回和排列

Question

想象一下以下 JSON API:

[
  {
    "id": "1",
    "name": "Super Cateogry",
    "products": [
      {
        "id": "20",
        "name": "Teste Product 1"
      },
      {
        "id": "21",
        "name": "Teste Product 2"
      },
      {
        "id": "22",
        "name": "Teste Product 3"
      }
    ]
  }
]

我是否可以仅使用 Angularjs 返回 products 数组？

我有一个调用 JSON 的简单服务:

services.factory("ProductService", function($http) {
    return {
        "getProducts": function() {
            return $http.get("/product/index");
        }
    };
});

在 Controller 中这样调用:

components.success(function(data) {
  $scope.products = data;
});

但它会按预期返回整个 JSON，我需要它只返回“products”数组，以便我可以遍历它。

PS:这只是一个简单的例子来说明问题，我意识到在这种情况下我可以更改 API 以满足我的需要，但这不是重点。

Answer 1

您只需将产品数组分配给您的范围属性...

components.success(function(data) {
  $scope.products = data[0].products;
});