在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 即可。主要看你的資料格式怎麼對應。
資料格式：
代碼例：