如何通过routerLink指令指定查询参数

Question

我正在试验新的路由器(版本3.0.0-alpha.7),并想知道如何通过routerLink指令指定查询参数？

下面的Router.navigate()方法生成一个URL,如http:// localhost:3000/component-a？x = 1

this.router.navigate(['/component-a'], {queryParams: {x: 1}});

但是,我无法弄清楚如何使用routerLink指令执行相同的操作.像下面的模板返回解析器错误...

<a [routerLink]="['/component-a'], {queryParams: {x: 1}}">Component A</a>

我能得到的最接近的是http:// localhost:3000/component-a; x = 1,它使用子路由的语法.

<a [routerLink]="['/component-a', {x:1}]">Component A</a>

Answer 1

你可以做这样的事情

<a [routerLink]="['/component-a']" [queryParams]="{x: 1}">Component A</a>