一个可以在表格任意行增加的小demo

<tr *ngFor="let item of list;let i=index"> 
       <td>{{item.name}}</td>        
       <td (click)="onClick(i)">+</td>       
       <td (click)="delClick(i)">-</td>    
</tr>


public list = [
    {
      id:1,
      name:"苹果"
    },{
      id:2,
      name:"梨"
    },{
      id:3,
      name:"苹果"
    },{
      id:4,
      name:"橘子"
    },{
      id:5,
      name:"西瓜"
    },{
      id:6,
      name:"哈密瓜"
    },
  ];
  public getIndex:number;
  public getId:number;
  onClick = function(index){
    this.getId = this.list.length + 1;
    this.getIndex = index + 1;
    console.log(this.getIndex)
    this.list.splice(this.getIndex,0,{id: this.getId,name:'火龙果'})
    console.log(this.list);
  }
  delClick = function (i) {
    console.log(i);
    this.list.splice(i,1)
    console.log(this.list);
    
  }