2017-03-10 5 views
1

私はモーダルにng2-modalを使用しました。モーダルが消滅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 'は、入力フィールドの下に十字ボタンの上に

をクリックし、ボタンをクリックしてください。

答えて

3

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)" > 
関連する問題