angular-routing - Angular 2 辅助路由器坏了吗?

标签 angular-routing angular

我正在尝试创建一个带有聊天窗口辅助路由的应用程序。该应用程序在加载时失败。这看起来像是一个错误,我在 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 { /* ... */ }

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

最佳答案

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

当前实现仅允许

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

查看链接http://plnkr.co/edit/lquMdagaVfIoAT83w1pl?p=preview

关于angular-routing - Angular 2 辅助路由器坏了吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33442363/

相关文章:

unit-testing - 无法在 Angular 2 单元测试(Jasmine)中模拟按键事件

angular - 带 Angular 动态子域

Angular 4 : Custom Attribute Directive within <router-outlet> not being executed

javascript - 如何通过 Angular-Service 显示引导模式

javascript - Angular2简单运行报错

Angular 5 - 元描述不起作用

angularjs - 如何使用 AngularFire 在 Firebase 中使用路由和用户身份验证?

javascript - 使用带路由的 ngUpgrade 引导 Angular 2 rc.6 混合应用程序

angular - 我如何知道子元素何时在 Angular 中完成渲染?

css - 平稳过渡