Angular 4 - 未选中复选框时从数组中删除值

Question

如何在取消选中复选框时从数组中删除值？

html

<input type="checkbox" id="saveUserNameCheckBox" (change)="selChk(member.id)"  [checked]="false">

组件

selChk(val) {

   if (this.id.indexOf(val) == -1) {
    this.id.push(val);
    console.log(this.id);
   }
}

Answer 1

你已经找到了索引为什么不直接使用splice呢？

selChk(val) {
 var index = this.id.indexOf(val);
 if(index === -1){
   // val not found, pushing onto array
   this.id.push(val);
 }else{
   // val is found, removing from array
   this.id.splice(index,1);
 }
}