title: How to prevent .action URL for iFrame inside modal causing whole page redirect
body: <p>I have a Bootstrap modal that is opened on a button click. Inside the modal, I have an iFrame with the src attribute equal to a URL that ends in .action (Struts2 framework). I am having the issue of on page load, the whole page is redirected to that URL. I have tried dynamically adding the iFrame src attribute when the button is clicked. This temporarily opens the modal, with nothing showing, and then redirects the whole page to that URL.</p>
  
  <p>Is there a way to prevent this from happening, and instead having that URL displayed inside the iFrame in the modal, and only when the modal is opened?</p>
  
  <p>I am using AngularJS if that matters at all.</p>
  
  <p>Here is the code for the modal:</p>
  
  <pre><code>&lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-body"&gt;
          &lt;iframe ng-src="https://mylink.action" width="600px" height="400px"&gt;&lt;/iframe&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>