在angularjs2中，*ngFor是实现循环的指令，实践的时候，发现无法嵌套多层的循环。如果要实现嵌套2个以上的循环，应该怎么实现呢
走同样的路，发现不同的人生
可以实现嵌套循环，多个 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>
可以实现嵌套循环，多个 ngFor 即可。主要看你的数据格式怎么对应。
数据格式：
代码例：