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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何将ng-view纳入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,这是为了专门处理嵌套视图的问题。

原文链接:https://www.f2er.com/angularjs/144181.html

猜你在找的Angularjs相关文章