angularjs2 如何嵌套多层循环

摘自：https://segmentfault.com/q/1010000007093735/a-1020000007094572

angularjs2 如何嵌套多层循环

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

已采纳

可以实现嵌套循环，多个 ngFor 即可。主要看你的数据格式怎么对应。

数据格式：

// demo.json{    "nav": [{        "title": "一级导航1",        "subs": [            { "txt": "二级导航1", "link": "#" },            { "txt": "二级导航2", "link": "#" },        ]    }, {        "title": "一级导航2",        "subs": [            { "txt": "二级导航2", "link": "#" },        ]    }, {        "title": "一级导航3",        "subs": [            { "txt": "二级导航3", "link": "#1" },        ]    }]}

代码例：

// 导航带子菜单循环例子<ul>    <li *ngFor="let nav of navs">  // 这里是外层循环        <strong>{{nav.title}}</strong>        <a *ngFor="let sub of nav.subs" href="{{sub.link}}"> // 这里是内层循环            {{sub.txt}}        </a>    </li></ul>

这里就和平常使用的循环一样的，考虑的第一个然后获取第二个参数接着循环，不用考虑得那么复杂