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就能够删除本条记录