angularjs - 如何将 ng-view 嵌套在 ng-include 中？

Question

当尝试在 ng-include 中添加 ng-view 时，没有任何反应。例如在以下代码中，当 themes/midnight/index.html 持有 ng-view 时，不会渲染任何 View :

<ng-include src="'themes/midnight/index.html'"></ng-include>

但是，如果我使用下面的代码， View 会显示两次:

<ng-include src="'themes/midnight/index.html'"></ng-include>
<div ng-view></div>

问题是什么？如何解决？

Answer 1

出现此问题的原因是 ng-view 的实例化延迟(通过 ng-include)。在这种情况下，$route 实例化也会被延迟，并且 $route 将错过位置更改事件(并且根本不会执行路由)。

要绕过此问题，请在应用程序初始化时调用 $route 更新函数:

yourApp.run(['$route', function($route)  {
  $route.reload();
}]);

此外，仅包含 $route 作为依赖项就足够了。这也将起作用:

yourApp.run(['$route', angular.noop]);

_{来源:相关issue on github .}

<小时/>

另请查看 ui-router ，旨在专门处理嵌套 View 的问题。