如何通过 routerLink 指令指定查询参数 [英] How can I specify query parameters by routerLink directive

问题描述

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

I am experimenting the new router (version 3.0.0-alpha.7) and would like to know how to specify query parameters by routerLink directive?

下面的 Router.navigate() 方法生成一个 URL，如 http://localhost:3000/组件-a?x=1

The Router.navigate() method below generates a URL like http://localhost:3000/component-a?x=1

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

但是，我不知道如何使用 routerLink 指令做同样的事情.像下面这样的模板返回解析器错误...

However, I can't figure out how to do the same thing with the routerLink directive. Template like below returns parser error...

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

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

And the closest thing I can get is http://localhost:3000/component-a;x=1, which uses the syntax for child route.

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

推荐答案

你可以这样做

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

这篇关于如何通过 routerLink 指令指定查询参数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！