title: Angular: display hidden modal
body: <p>I have this modal in my html code :</p>
  
  <pre><code>  &lt;div class="modal fade" id="centralModalSuccess" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-dialog modal-notify modal-success" role="document"&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>And i want to open it in my typescript code like this :</p>
  
  <pre><code>this.http.post&lt;any&gt;('/api', test).subscribe(response =&gt; {
    if (response) {
      document.getElementById('centralModalSuccess');
    }
  });
  </code></pre>
  
  <p>Should i call it with the id in order to display it? since the arria-hidden is true but i don't know how.</p>