angular4 *ngFor獲取index

angular 中的*ngFor指令的使用

<ul>

　　<li *ngFor="let item in items">{{item}}</li>

</ul>

有時候需要獲取index,比如刪除本行li列表的時候需要根據index來確定刪的是哪個

<ul>
    <li *ngFor="let item of items; let i = index">     
       {{item}}
    <i (click)="deleteThis(i)">x</i>
    </li>
</ul>

private items = ["張三","李四","王五","趙六","李七"];

deleteThis(index){
  console.log(index);
  this.items.splice(index,1) //根據數組的index來刪除對應的元素
}

把列表遍歷出來顯示到頁面，點擊每個列表對應的x就可以刪除本條記錄