布线angular2 [duplicate]时的可选参数

Question

如何在angular2的路由中定义可选参数。我的路由配置如下：

<a [routerLink]="['../abc',{xyz: blabla}]">
     and 
<a [routerLink]="['../abc']">

{ path: '/abc/:xyz', component: abc, name: 'abc' },  // Here i want xyz as optional perameter

所以问题是，每当我使用第一种方法时，参数＜code＞blablabla＜/code＞都可以正常工作，因为在路由时，我定义了参数＜code>xyz＜/code＞但是在第二种方法的情况下，我不想发送参数，所以URL变为

这是第一次很好，但刷新页面后，没有显示整个窗口是空白的，没有内容。那么有没有办法在angular2中路由时提供可选参数。

i have also tried without defining parameters like this

{ path: '/abc', component: abc, name: 'abc' }

但如果xyz的值为1，则这将引发错误。它将1转换为true

Answer 1

@RouteConfig([
    { path: '/abc/:xyz', component: Abc,  name: 'abc' }
    { path: '/abc', component: Abc, name: 'abc' },
])

如果这没有按预期工作，您应该在下面看到，

可选路线参数 #3525
https://github.com/angular/angular/issues/3525

Answer 2

您可以定义多条路线，其中包含或不包含具有相同组件的参数:

@RouteConfig([{
  path: '/abc',
  component: Abc,
  name: 'abc'},
{
  path: '/abc/:xyz',
  component: Abc,
  name: 'abcXyz'
}])

然后使用您需要的那个

<a [routerLink]="['/abcXyz',{xyz: blabla}]">
     and 
<a [routerLink]="['/abc']">

<a [routerLink]="['/parentRoot', {parentParams:value}, '/abc']">