如何在 Angular JS 中以模式 window 显示远程 html 页面？

Question

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/) 或使用其他库来做同样的事情吗？

Answer 1

您需要 "embed" 模态标记上的远程页面，<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 来自模态示例。