Question

我已将ng2-modal用于我的模态。

当我调用我创建的以下函数时：

deleteCommitee(id:number){
  var length = this.addnewCommitee.length;
  for(var i = 0;i<length;i++){
    if(id == i){
     this.addnewCommitee.splice(i,i);
    }
  }
}

模态消失了。我已经在plunker中复制了这种情况。

在plunker示例中，请单击按钮以触发模态打开，然后单击下面的交叉按钮＆＃39; email id 0＆＃39;输入字段

实际上通过这个函数我想从addNewCommittee array中删除一个元素。

Answer 1

您缺少event.stopPropagation()以防止点击通过DOM传播。 Updated plunker

<强> deleteCommitee

deleteCommitee(id:number,event:any){
    //event.preventDefault();
    event.stopPropagation();
    for(var i = 0;i<this.addnewCommitee.length;i++){
      console.log(this.addnewCommitee[i]);
      if(id == this.addnewCommitee[i].count){
        //console.log(this.addnewCommitee[i]);
        console.log(this.addnewCommitee.splice(i,1));
      }
    }
  }

<强> HTML

 <div class="close_icon_div cursor_pointer" (click)="deleteCommitee(newCommitee.count,$event)" >

ng2-modal的模态意外关闭

1 个答案: