3

我正在构建一个具有辅助路由的 Angular2 应用程序。我正在使用这个 plunker http://plnkr.co/edit/jZv8jj?p=preview 来帮助我进行设置，但我需要将参数传递给我的辅助链接。我怎么做？（注意：这个例子使用了旧的哈希路由，我使用的是新的 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'})
])
4

1 回答 1

2

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

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

代替

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

效果很好！

于 2016-01-06T20:39:06.950 回答