javascript - Angular.js、iframe 和 Firefox

Question

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

这是一个示例 plunker 代码

该index.html文件包含ng-view哪些加载main.html：

<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 也不起作用）。我很感激任何帮助，谢谢！

Answer 1

@jpmorin 所以，我刚刚找到了一个解决方法，这有点受您之前的建议的启发。因此，在我将 iframe 源代码从 更改为 之后#/child，index.html/#/child一切正常！不需要多个包含角度等。我不完全理解为什么原始路由在 FF 中失败，但直接指向引导应用程序的文件，然后添加路由有效。