title: How to hide bootstrap modal in angular
body: <p>I am using bootstrap modal but when I hide it from code-behind it shows the error below. </p>
  
  <p>I am using angular6.</p>
  
  <p><strong>Code</strong> </p>
  
  <pre><code>&lt;div #exampleModal class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
          aria-hidden="true"&gt;
  
    @ViewChild('exampleModal') public exampleModal: ElementRef;
  
   this.exampleModal.hide();
  </code></pre>
  
  <p><strong>Error message</strong></p>
  
  <blockquote>
    <p>ERROR TypeError: this.exampleModal.hide is not a function</p>
  </blockquote>