ng2-modal의 Modal이 예기치 않게 종료됩니다.

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의 예에서

열어 모달를 실행 한 후 실제로 내가 addNewCommittee array에서 요소를 제거하려면이 기능을 통해 '이메일 ID 0'입력 필드

아래 십자 버튼을 클릭 버튼을 클릭하십시오.

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)" >