title: Bootstrap and angular , modal popup not showing up
body: <p>I've the following table with a modal popup using bootstrap 4 in angular</p>
  
  <pre><code>&lt;tbody *ngFor="let data  of json | sizeFilter : sizeInput"&gt;
              &lt;tr&gt;
                  &lt;td (click)="onUpdateClick(data.hash , data.size, data.time)" class="hHover"
                      title="Click to update the data"&gt;{{data.hash}}&lt;/td&gt;
                  &lt;td&gt;{{data.size}}&lt;/td&gt;
                  &lt;td&gt;{{data.time}}&lt;/td&gt;
                  &lt;td&gt;
                  &lt;td&gt;
                      &lt;!-- Button trigger modal --&gt;
                      &lt;button type="button" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal"&gt;
                          Delete
                      &lt;/button&gt;
  
                      &lt;!-- Modal --&gt;
                      &lt;div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                          aria-labelledby="exampleModalLabel" aria-hidden="true"&gt;
                          &lt;div class="modal-dialog" role="document"&gt;
                              &lt;div class="modal-content"&gt;
                                  &lt;div class="modal-header"&gt;
                                      &lt;h5 class="modal-title" id="exampleModalLabel"&gt;Are you sure?&lt;/h5&gt;
                                      &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
                                          &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
                                      &lt;/button&gt;
                                  &lt;/div&gt;
                                  &lt;div class="modal-body"&gt;
                                      Are you sure you that you want to delete the block?
                                  &lt;/div&gt;
                                  &lt;div class="modal-footer"&gt;
                                      &lt;button type="button" class="btn btn-secondary"
                                          data-dismiss="modal"&gt;Close&lt;/button&gt;
                                      &lt;button type="button" (click)="onDeleteClick(data.hash)"  class="btn btn-primary"&gt;Delete&lt;/button&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
  </code></pre>
  
  <p>THe problem is that the popup isn't being displayed on popup. Everything seems fine for me so im stuck.</p>