角度4でモーダルを閉じるために、ブートストラップモーダルエリア外のクリックイベントを無効にします。

Question

anguar4で新しくなりました。私は私のプロジェクトでブートストラップモーダルを使用しています。モーダルは、モーダルの外側をクリックすると非表示になります。ここ は私のコードは、HTMLでこの設定のを追加してくださいTSコード

@ViewChild('noticeModal') public noticeModal: ModalDirective; 

ngAfterViewInit() { 
    this.noticeModal.show(); 
}; 

Answer 1

で

// HTMLで

<div bsModal #noticeModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" 
    aria-labelledby="myLargeModalLabel" 
    aria-hidden="true"> 

    <div class="modal-dialog modal-md"> 
     <div class="modal-content"> 
       Hello World 
     </div> 
    </div> 
</div> 

//です。あなたの問題に役立つことを願っています。

<div bsModal #noticeModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" 
    [config]="{backdrop: 'static', keyboard: false}" 
    aria-labelledby="myLargeModalLabel" 
    aria-hidden="true"> 

    <div class="modal-dialog modal-md"> 
     <div class="modal-content"> 
       Hello World 
     </div> 
    </div> 
</div>