Question

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

有什么想法吗？

Answer 1

这是因为您已将第二个状态设置为第一个状态的子级，但您没有视图可以呈现它。当您使用状态名称时，例如{{ 1}}你实际上在说：渲染国家＆＃34;两个＆＃34;进入国家的孩子视野＆＃34; new＆＃34;。

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

Answer 2

您的父state中没有ui-view。

    .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视图中。

Angular ui.router不替换视图

2 个答案: