ng4.x 常用指令

# 1 ： *ngFor     ---      数据循环

No 1：*ngFor普通循环

No 2：循环时设置序列号

No 3：template循环数据

---

       

• *ngFor ="let item of list; let key = index">

               {{key} -- {{item}}

         

     

•  template =" ngFor let item of list2; let key = index">
  

             {{key} -- {{item.name}}

       

---

# 2 : *ngIf  ---  条件判断

---

*ngIf = "flag">

     flag=true的情况下显示

数组长度大于三时显示

---

# 3: *ngSwitchCase  ---  多重选择

---

[ngSwitch] = "answer">

      *ngSwitchCase = " 'a' "> A

     

B

   

*ngSwitchDefault> 请输入正确答案