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屋！