Angular.js, iframes and Firefox
Angular.js, iframes and Firefox
我有一种感觉,我错过了一些明显的东西,但我无法使iframe在Firefox中使用Angular.js路由。
这是一个示例 plunker 代码
index.html
文件包含加载main.html
的ng-view
:
<div>
Main content here
<iframe src="#/child"></iframe>
</div>
iframe 指向/child
路由,$routeProvider
配置为加载child.html
模板:
angular.module('testappApp', [])
.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/main.html'
})
.when('/child', {
templateUrl: 'views/child.html'
})
.otherwise({
redirectTo: '/'
});
});
这适用于Chrome和Safari,但不适用于Firefox和IE 10(我认为早期版本的IE也不起作用)。感谢任何帮助,谢谢!
@jpmorin,我刚刚找到了一个解决方法,这是受您之前建议的启发。因此,在我将 iframe 源从 #/child
更改为 index.html/#/child
后,一切正常!无需多个角度等。我不完全明白为什么原始路由在 FF 中失败,但直接指向引导应用程序然后添加路由的文件有效。
相关文章:
- javascript and css firefox issue
- 响应式设计适用于桌面浏览器、移动模拟器(Safari和Mozilla Firefox),但不适用于真正的智能手机(And
- Angular.js, iframes and Firefox
- contentEditable and lastChild IE, Firefox & Chrome LastC
- HTML5 playbackRate and Firefox
- HTML5 Audio, Web Audio API, CORS and Firefox
- MediaElement.js and FireFox
- setUninstallURL - in Safari and Firefox?
- TinyMCE and Firefox 11
- Ajax request and Firefox + Ghostery
- Onmousewheel event and Mozilla Firefox
- Eclipse JSDT Object Literal and firefox
- Prevent fouc in firefox and ie
- JavaScript, Doctype, and Firefox
- firefox and radialgradient (using html5 canvas)
- WebRTC Chrome and Firefox connection.setRemoteDescription
- innerHTML, <form> and Firefox
- Javascript validation (safari and firefox)
- foreignObject display:none in Firefox and Chrome
- document.evaluate in chrome and firefox