Angular ui.router不替代视图

Question

初始视图以及第一个要正确显示的状态，但是当我点击第一个重新加载的视图的链接时，下一个状态不会出现。 低于codepen。网址已修改，但新内容不会重新加载。

有什么想法？

Answer 1

这是因为你设置第二个状态是第一个孩子，但你没有一个观点它呈现当你使用诸如new.two这样的状态名称时，你有效地说：将状态“2”呈现在状态“新”的子视图中。

如果这是目标，那么您需要将UI视图添加到第一个状态的模板中。如果情况并非如此，则将new.two更改为two。

Answer 2

您的父母state中没有ui视图。

.state('new', { 
     controller: "AsdCtrl", 
     url: '/new', 
     template: "<h1>TEST</h1><a ui-sref='new.two'>Lalalal</a><div ui-view></div>" 
    }) 

这个状态应该有ui-view这样才能加载子html。

子状态会将它们的模板加载到它们父级的UI视图中。

Read more here

在这里，你去工作codepen