How to display remote html page in modal window in Angular JS?

Question

Bootstrap example:

<a class="btn btn-lg btn-default"
     data-toggle="modal"
     data-target="#remoteModal"
     href="remote-page.html">Open modal window</a>

Could I do the same using Angular bootstrap (http://angular-ui.github.io/bootstrap/) or using another library?

Does your url returns you html page when you hit it? I don't have any idea about angularjs — Shalin Patel
– Shalin Patel, Commented Dec 16, 2016 at 15:16

svarog · Accepted Answer · 2016-12-18 08:39:32Z

1

You will need to "embed" the remote page on your modal markup, an <iframe> is one way to do it.

<div class="modal-body" id="modal-body">
    <iframe src="https://mdn-samples.mozilla.org/snippets/html/iframe-simple-contents.html" width="400" height="300">
        <p>Your browser does not support iframes.</p>
    </iframe>
</div>

Here's a forked plunk from the modal examples.

answered Dec 18, 2016 at 8:39

svarog

9,8775 gold badges66 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to display remote html page in modal window in Angular JS?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related