Angular.js, iframes and Firefox

Angular.js, iframes and Firefox

本文关键字:and Firefox iframes js Angular      更新时间:2023-09-26

我有一种感觉,我错过了一些明显的东西,但我无法使iframe在Firefox中使用Angular.js路由。

这是一个示例 plunker 代码

index.html文件包含加载main.htmlng-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 中失败,但直接指向引导应用程序然后添加路由的文件有效。