angularjs – 如何将ng-view纳入ng-include？

发布时间：2020-12-17 08:07:08 所属栏目：安全来源：网络整理

导读：当尝试在ng-include中添加ng视图时，没有任何反应。例如在以下代码中，当themes / midnight / index.html保存ng视图时，不会呈现视图： ng-include src="'themes/midnight/index.html'"/ng-include 但是，如果我使用下面的代码，该视图显示两次： ng-include

当尝试在ng-include中添加ng视图时，没有任何反应。例如在以下代码中，当themes / midnight / index.html保存ng视图时，不会呈现视图：

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

但是，如果我使用下面的代码，该视图显示两次：

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

有什么问题，我该如何解决？

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

要绕过这个，在应用程序初始化时调用$ route update函数：

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

此外，仅将$路由作为依赖关系就足够了。这也会起作用的：

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

资料来源：相关issue on github。

还要查看ui-router，这是为了专门处理嵌套视图的问题。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!