javascript - ng-repeat 2层循环-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - ng-repeat 2层循环

PHP中文网 2017-05-16 13:18:45

[AngularJS讨论组]

786

<li ng-repeat="a in b">
<a>{{a.id}}</a> //这里是循环数组出id
<ul>
    <li ng-repeat="">{{}}</li> //这里该怎么循环出arr的name？
</ul>
</li>

数据结构

[
{"id":1,
  "ps":1,
  "arr":[{"name":2,"user":13},{"name":3,"user":24}]
},
{"id":2,
 "ps":2,
 "arr":[{"name":4,"user":34},{"name":5,"user":45}]
}
]

PHP中文网

认证高级PHP讲师

全部回复(3)

给我你的怀抱2017-05-16 13:20:45 3楼

<li ng-repeat="a in b">
{{a.id}} //这里是循环数组出id
<ul>

<li ng-repeat="c in a.arr">{{c.name}}</li> //这里该怎么循环出arr的name？

</ul>
</li>

这样子不可以吗？

赞 +0

添加回复

迷茫2017-05-16 13:20:45 2楼

<li ng-repeat="a in b">
    <a>{{a.id}}</a> 
    <ul>
        <li ng-repeat="c in a.arr">{{c.name}}</li>
    </ul>
</li>

赞 +0

添加回复

我想大声告诉你2017-05-16 13:20:45 1楼

$scope.b=[
        {"id":1,
            "ps":1,
            "arr":[{"name":2,"user":13},{"name":3,"user":24}]
        },
        {"id":2,
            "ps":2,
            "arr":[{"name":4,"user":34},{"name":5,"user":45}]
        }
    ]

<li ng-repeat="a in b">
    <a>{{a.id}}</a>
    <ul>
        <li ng-repeat="c in a.arr">{{c.name}}</li>
    </ul>
</li>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>