Question

嗨，我有一个角度控制器

.controller（＆＃34; ordersCtrl＆＃34;，function（$ scope，$ http，ordersUrl）{

$http.get(ordersUrl, )
    .success(function (data) {
        $scope.orders = data;

    })
    .error(function (error) {
        $scope.error = error;
    });

我可以使用范围数据渲染视图 Html中的{{orders.name}}没有问题

但是对于订单，有一个嵌套在

内的产品数组

{
approved: true,
email: false,
guardianVoteCount: 50,
name: "The DR 1980s",
products: [
{
count: 1,
id: "d35fa22ee4a6f985",
valuetoday: 120,
edition: "Testing 123",
originalprice: 1,
name: "tested"
}
],
upVoteCount: 1,
username: "The Tester",
id: "385c71634c7c8sde"
},

当我尝试渲染数据时 {{orders.products.edition}}我什么也没收到

还有另一个$ scopecontroller函数我需要在订单中轻松访问产品嵌套数组吗？

Answer 1

edition属性是products数组中第一个对象的一部分，因此您可以通过

获取它

{{orders.products[0].edition}}

如果您使用ng-repeat来展示您的产品，则可以

<div ng-repeat="product in orders.products">
  {{product.edition}}
</div>

Answer 2

由于products是一个数组，因此需要迭代它：

<ul>
    <li ng-repeat="product in orders.products">
        {{product.edition}}
    </li>
</ul>

Answer 3

或者你可以轻松地做到这一点

$scope.orders = data[0].products

<ul>
    <li ng-repeat="order in orders">
         {{order.edition}}
    </li>
</ul>

Angular获取嵌套数组数据

3 个答案: