title: Bootstrap modal popup background screen won't close
body: <p>I am using Bootstrap &amp; AngularJS to build an app. I am using the bootstrap modal popup for the content. Other pages are being loaded in to ng-view. The content which comes to ng-view has the modal popup, when I get the modal popup and when I click the button that links to next page, I am able to see the page behind but the modal popup background black opacity screen will be still there. How can I get rid of this? But when i run the pages separately I am not facing such problems.</p>
  
  <p>code:</p>
  
  <pre><code>&lt;div id="regular-service" class="modal fade"&gt;
          &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-body"&gt;
                    &lt;!--&lt;img class="modal-cont" src="images/popup.png"&gt;--&gt;
  
                    &lt;div class="data-extract-popup"&gt;
                         &lt;div class="data-extract-heading"&gt;How do you want to use this data?&lt;/div&gt; 
                          &lt;table class="data-extract-table"&gt; 
                          &lt;tr&gt;
                            &lt;td&gt;&lt;a href="#/clean-data" class="btn btn-lg btn-warning"&gt;CLEAN DATA&lt;/a&gt;&lt;/td&gt;
                            &lt;td&gt;&lt;a href="#/raw-data" class="btn btn-lg btn-warning"&gt;RAW DATA&lt;/a&gt;&lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                            &lt;td&gt;Cleaned up for your use.May have some missing pieces.&lt;/td&gt;
                            &lt;td&gt;All pieces of data are intact here.&lt;/td&gt;
                          &lt;/tr&gt;
                        &lt;/table&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;/div&gt;                
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Modal:</p>
  
  <pre><code>  $(".regular").click(function(){
      $("#regular-service").modal('show');
    });
  </code></pre>
  
  <p>Here is how it looks.
   before popup</p>
  
  <p><img src="https://i.stack.imgur.com/kHQ9C.png" alt="enter image description here"></p>
  
  <p>After popup:</p>
  
  <p><img src="https://i.stack.imgur.com/H0MYp.png" alt="enter image description here"></p>
  
  <p>still the popup background remains same</p>