Angular 2 : Configuration 'name' conflicts with existing route 'name'

Question

我有一些组件，其中一个带有动态路由。

动态路由被添加为，

let config = [];
for(let i = 0; i < this.pages.length; i++) {
  config.push({
    path: this.pages[i].slug, 
    name : this.pages[i].name, 
    component: AnotherComponent,
  });
}
router.config(config);

每当动态路由的组件被多次加载时，都会重新配置路由，导致配置冲突。

这是 plunk ，动态路由加载了链接 users，在离开 user 后再次单击 users 将下面显示的错误记录到控制台。

我该如何解决？感谢您调查此事。

Answer 1

添加之前检查路由是否存在

for(let i = 0; i < this.pages.length; i++) {
  if(!router.registry.hasRoute(this.pages[i].name, UsersComponent)) {
    config.push({
      path: this.pages[i].slug, 
      name : this.pages[i].name, 
      component: PersonComponent,
      data : {
        name : this.pages[i].name,
        slug : this.pages[i].slug
      }
    });
  }
}

Plunker