使用Angular ui-router管理状态时的奇怪的ui-view行为

时间:2013-12-06 18:01:07

标签: angularjs angular-ui-router

我已经构建了一个基本的plunker,我正在尝试管理一个帖子列表,标题中有两个单独的后置过滤器。单击过滤器时,会将“活动”类附加到链接。由于可以应用两类过滤器(tag和order_by),如果参数存在,过滤器链接将通过$stateParams继承其他过滤器的参数。

现在问题..当点击过滤器链接时,它似乎呈现了一个重复的ui-view,我无法弄清楚原因。

演示:http://plnkr.co/edit/FA0lQV?p=preview

1 个答案:

答案 0 :(得分:1)

您的索引文件中包含您的标题,然后您再次通过ui-view状态在页面中home调用索引文件。

最简单的解决方案是将templateUrl状态中的home替换为template: "<ui-view></ui-view>"

这将删除重复的标头调用,并允许ui-view指令用于子视图。

演示:http://plnkr.co/edit/52ysX9fmNbl93f9Ln5Ju?p=preview