title: Disable click event outside of bootstrap modal area to close modal in angular 4
body: <p>I am new in anguar4. I am using bootstrap modal in my project. Modal is going to hide when click on outside of modal. 
  here is my code</p>
  
  <p>//in html</p>
  
  <pre><code>&lt;div bsModal #noticeModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" 
      aria-labelledby="myLargeModalLabel"
      aria-hidden="true"&gt;
  
      &lt;div class="modal-dialog modal-md"&gt;
          &lt;div class="modal-content"&gt;
                Hello World
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>// in ts code</p>
  
  <pre><code>@ViewChild('noticeModal') public noticeModal: ModalDirective;
  
  ngAfterViewInit() {
     this.noticeModal.show();
  };
  </code></pre>