Question

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

1 个答案: