PhoneGap中文网

标题: Angularjs4.0数据循环 *ngFor [打印本页]

---

作者: 幽梦林子    时间: 2017-7-13 21:31
标题: 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>

复制代码

---

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)

Powered by Discuz! X3.2