嵌套json到ng-repeat没有正常工作

时间:2014-04-19 02:31:40

标签: javascript json angularjs

应用演示:http://jsfiddle.net/TR4WC/2/

我错过了什么吗?我循环两次访问第二个数组

    <li ng-repeat="order in orders">
        <span ng-repeat="sales in order.sales>
    {{sales.salesId}}
</span>
</li>

一个额外的问题:看起来我不能通过salesId在我的li中做订单,因为它只能访问订单数组。

3 个答案:

答案 0 :(得分:1)

这很愚蠢,但是你丢失了一些东西,在order.sales的末尾用双引号。

<div ng-controller="AppCtrl">
<li ng-repeat="order in orders">
    <span ng-repeat="sales in order.sales">
        {{sales.salesId}}
    </span>
</li>

这适合我。

编辑:你的小提琴的叉子http://jsfiddle.net/6eXs6/

答案 1 :(得分:1)

在Orders对象中,sales实际上不是一个数组......它是一个对象,其中'salesId'键覆盖了另一个'salesId'。

我已将其替换为以下内容:

{
    'orderId': 1,
        'sales': [
            {'salesId': 1},
            {'salesId': 2}

    ]
}, 
{
    'orderId': 2,
        'sales': [
            {'salesId': 3},
            {'salesId': 4}

    ]
}

JSFiddle

答案 2 :(得分:0)

您不能使用相同的名称&#39; sales&#39;。

变化:

<li ng-repeat="order in orders">
    <span ng-repeat="sale in order.sales">
        {{sale.salesId}}
    </span>
</li>