Angular 如何使用routerLink传递查询参数

我想传递一个查询参数

prop=xxx

这不管用

某处

查询参数

queryParams

是

routerLink

的另一个输入，它们可以像

更多信息-
您也可以查看这个

 <router-link
 
:to="{name:'router-name', params: { id:param1}, query:{link:query1}}"

>
 link name

 </router-link
>


链接名称
要使用的语法是矩阵参数，这是形式
，这里查询参数和矩阵参数是相同的。唯一的区别是当它们被添加到根段时，它们被序列化为查询参数，当它们被添加到子段时，它们被序列化为矩阵参数。有更多的区别检查这一点吗？你也可以在这里检查angular文档中的链接参数语法。这将如何以编程方式工作？我试过使用这个.router.navigate（['/resetPassword'，{queryParams:{username:loginName}}]）；但结果是：我更新了我的答案。另请参见我添加的链接。它显示了一个完整的示例。两个注释：rickul的代码应该是
['/resetPassword']，{queryParams:{username:loginName}}
，其中
]
位于附加值之前。另外，不要忘记查询参数区分大小写。不要忘记订阅目标上的查询参数：或者如果您使用路由，
runguard和resolvers:“always”
将重新加载路由
foo://example.com:8042/over/there?name=ferret#nose
\_/   \______________/\_________/ \_________/ \__/
 |           |            |            |        |
scheme    authority      path        query   fragment

 <router-link
 
:to="{name:'router-name', params: { id:param1}, query:{link:query1}}"

>
 link name

 </router-link
>