如何将多条路线链接到同一UI视图

Question

我当前的示例每次都使用第一个模板，它不会使用嵌套状态更新模板。

试想一下，两个角度分量都有一个h1的模板，就是这样，非常简单。

两种状态：

var people = { 
  name: 'people', 
  url: '/people', 
  component: 'people'
}

var person= { 
  name: 'people.person', 
  url: '/person', 
  component: 'person'
}

状态寄存器：

states.forEach(state => $stateProvider.state(state));

内部人员模板：

<h1>People</h1>
<button ng-click="$ctrl.state.go('people.person')">Go to person</button>

在people.person内部，我公开了一个ng-click，它将重定向回people。

<h1>People.Person</h1>
<button ng-click="$ctrl.state.go('people')">Go to People</button>

控制器非常简单，请想象一下：

controller : function($state) {
   this.state = $state;
}

people.person模板为什么不起作用，它是从父级继承的？

Answer 1

您不能有一个子路由指定与其父组件相同的组件。 如果您从人员处删除零部件线，则它应该起作用。 我最近被这个事烧死了。 它在1.0.3之前的ui-router中工作。