Angularjs4.0数据循环 *ngFor

幽梦林子

Angularjs4.0数据循环  *ngFor[size=29.3333px]，详见如下三步：
[size=29.3333px]

1、 *ngFor    普通循环

1. <ul>
   
2.     <li *ngFor="let item of list">
   
3.       {{item}}
   
4.     </li>
   
5.   </ul>
   

复制代码

2、Angularjs4.0循环的时候设置key

1. <ul>
   
2.   <li *ngFor="let item of list;let i = index;">
   
3.      {{item}} --{{i}}
   
4.   </li>
   
5. </ul>

复制代码

3.        template循环数据

1. <ul>
   
2.     <li template="ngFor let item of list">
   
3.       {{item}}
   
4.     </li>

复制代码