如何在Angular JS的模态窗口中显示远程html页面?

时间:2016-12-16 15:13:00

标签: angularjs angular-ui-bootstrap bootstrap-modal

Bootstrap示例:

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

我可以使用Angular bootstrap(http://angular-ui.github.io/bootstrap/)或使用其他库来做同样的事情吗?

1 个答案:

答案 0 :(得分:0)

你需要&#34;嵌入&#34;在模态标记上的远程页面,<iframe>是一种方法。

<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