Question

我正在尝试为聊天窗口创建一个带辅助路线的应用。该应用程序在加载时失败。这似乎是一个bug，我在Angular GitHub上报告了它，但我想知道是否有人知道一个解决方法？以下是这个简单应用程序的内容：http://plnkr.co/edit/JsZbuR

@Component({
  selector: 'basic-routing',
  template: `
    <a [router-link]="['/Home']">Home</a>
    <a [router-link]="['/ProductDetail']">Product Details</a>
    <router-outlet></router-outlet>
    <router-outlet name="chat"></router-outlet>
    <a [router-link]="['/', ['Chat']]">Chat</a>
  `,
  directives: [ ROUTER_DIRECTIVES ]
})
@RouteConfig([
  {path: '/',        component: HomeComponent,          as: 'Home'},
  {path: '/product', component: ProductDetailComponent, as: 'ProductDetail'         },
  {aux:  '/chat',    component: ChatComponent,          as: 'Chat'}
])
class RootComponent { /* ... */ }

目前尚不清楚路由器如何知道要使用哪个命名路由出口。

Answer 1

您必须等到问题https://github.com/angular/angular/issues/4694得以解决。

目前的实施只允许

this.router.navigateByUrl('/(chat)');

请参阅链接http://plnkr.co/edit/lquMdagaVfIoAT83w1pl?p=preview

Angular 2辅助路由器坏了吗？

1 个答案: