沒有Route參數的Angular 4查詢參數

Question

這有效（使用Route Params = :id ）

{
    path: 'qp/:id?repo=1',
    component: QueryParamsComponent
}

<li><a [routerLink]="['/qp', 5]" [queryParams]="{repo:1}">Query Params</a></li>

但沒有Route Params，它就不起作用，

有沒有辦法使下面的代碼起作用？

{
    path: 'qp?repo=1',
    component: QueryParamsComponent
}

<li><a [routerLink]="['/qp']" [queryParams]="{repo:1}">Query Params</a></li>

或任何其他方式來實現這一目標？

這是我的QueryParamsComponent

repo = ' ';
ngOnInit() {
  this.router.params.subscribe((params: Params) => {
    this.repo = params['repo'];
  });
}

角版本：4.2.4

Answer 1

您可以定義帶或不帶參數調用同一組件的多個路由，而無需將queryParams放入路由配置中：

{
 path: 'qp/:id,
 component: QueryParamsComponent
},
{
  path: 'qp',
  component: QueryParamsComponent
}

在組件內部：

this.router.queryParams.subscribe(params => {
    this.repo= +params['repos'];
 })