带参数的 Angular2 辅助路由

Question

我正在构建一个具有辅助路由的 Angular2 应用程序。我在用这个 plunker http://plnkr.co/edit/jZv8jj?p=preview 帮助我进行设置，但我需要将参数传递给我的 aux link。我怎么做？（注意：此示例使用旧的哈希路由，我使用的是新的 html5，但这两种方法都不起作用）。

@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 href="./#/(chat)">Chat</a>`,
    directives: [ ROUTER_DIRECTIVES]
})
@RouteConfig([
    {path: '/',        component: HomeComponent, as: 'Home'},
    {path: '/product', component: ProductDetailComponent, as: 'ProductDetail'  },
    new AuxRoute({path: '/chat', component: ChatComponent, as: 'Chat'})
])

Answer 1

好的，我想通了...我不确定这是正确的方法，但是当我从辅助路径中删除参数时，即：

{aux:'/memory', name: 'Memory',   component: MemoryComponent}

而不是

{aux:'/memory/:id', name: 'Memory',   component: MemoryComponent}

效果很好！

带参数的 Angular2 辅助路由

Angular2 Aux route with parameters

angular

angular2-routing