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));

Inside People模板：

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

在people.person内，我曝光了一次点按，会重定向回给人。

<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中工作。

如何将多个路由链接到同一个ui视图

1 个答案: