javascript - 请问在angular中,如下的数组循环效果该如何实现?
本文介绍了javascript - 请问在angular中,如下的数组循环效果该如何实现?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
如下:
蒙牛
3日 6日 8日 9日 30日
伊利
4日 5日
特仑苏
5日 10日 18日
这种形式应该如何循环?json数组怎么写呢?
解决方案
I will do like this.
html
<div ng-controller="MyCtrl">
<ul>
<li ng-repeat="p in data">
<p>{{p.value}}</p>
<ul>
<li ng-repeat="c in p.children">{{c.value}}</li>
</ul>
</li>
</ul>
</div>
script
$scope.data = [
{
key: 1,
value: '蒙牛',
children: [
{
key: 11,
value: '3日',
}
]
},
{
key: 2,
value: '伊利',
children: [
{
key: 21,
value: '4日',
}
]
}
];
这篇关于javascript - 请问在angular中,如下的数组循环效果该如何实现?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文