Angular JS：iframe 在 Firefox 和 IE 11 中不起作用答案

【问题标题】：Angular JS : iframe not working in Firefox and IE 11Angular JS：iframe 在 Firefox 和 IE 11 中不起作用
【发布时间】：2016-11-08 20:28:54
【问题描述】：

我在 uibmodal 中有一个 iframe，我提供了一个静态 HTML 路径（在同一个域中）。该 URL 在 Safari、Chrome 和 iOS 设备中正常工作。但是，它不会在 Firefox 和 IE11 中加载。

做了一些研究后，我知道这是因为 ui-router 无法访问我提供的相对 URL。这是我遇到的一个类似问题 (link)，但是我不知道应该如何解决它。

我尝试使用 $sce.trustAsResourceUrl() 解析 URL，甚至给出了绝对路径，例如 http://localhost:3000/#mySamplePage。它仍然可以在 Chrome 中加载，但无法在 Firefox 和 IE11 上加载。另外需要注意的是控制台中没有任何错误。

我正在使用 angular ui-router 版本 0.2.18 和 angular 1.5。

请分享您的宝贵意见。

谢谢！

【问题讨论】：

标签： javascript angularjs iframe angular-ui-router

【解决方案1】：

我遇到了同样的问题并且能够解决它（在Angular.js, iframes and Firefox 的帮助下）。 iframe 需要知道 FF 和 IE 中的默认页面。我们是一个托管 Angular 应用程序的 mvc 应用程序，因此我们的 iframe 的 url 需要默认控制器：

http://localhost:8000/mvc/Controller/#/mySamplePage

【讨论】：