Angular 2 路由器

Question

我正在构建一个 Angular 2 测试应用程序。我正在使用新路由器，它似乎工作正常这是我的代码：

export class Topbar {
    constructor(@Inject(Router) router: Router) {
        router.config([
            {path: '/displays', as: 'display', component: Display}
        ]);
    }
}

一旦我像这样添加第二条路线，现在就可以使用，但我收到错误消息：

export class Topbar {
    constructor(@Inject(Router) router: Router) {
        router.config([
            {path: '/', as: 'home', component: MyApp},
            {path: '/displays', as: 'display', component: Display}
        ]);
    }
}

这是错误：

Configuration '/' conflicts with existing route '/'

这是一个错误还是我做错了什么？

Answer 1

我猜，

您的路由器配置进入您的 App 组件
和“/”路由到组件：Home 而不是 MyApp

像这样

export class MyApp {

  constructor(@Inject(Router) router: Router) {
    router.config([
      { path: '/', as: 'home', component: Home },
      { path: '/about', as: 'about', component: About }
    ]);
  }
}

Angular 2 路由器

Angular 2 router

javascript

angular