我有以下Html组件:
<a [routerLink]="['experts']" [queryParams]="{profession:handyman}" class="category">
<img src="../../assets/metal-saw.svg" width="60" height="60">
<span>HandyMan</span>
</a>
问题是,当我点击链接时,专家路线需要我,但没有queryparams
。也就是说,queryparams
似乎不起作用,但routerLink
如果有效。
我在版本5中使用角度。有谁知道为什么会发生这种情况?
答案 0 :(得分:3)
试试这个,
<a [routerLink]="['/experts']" [queryParams]="{ profession: 'handyman'}" class="category">
答案 1 :(得分:-2)
试试这个:
import {Router,NavigationExtras} from '@angular/router';
//
constructor(private router: Router) {}
public navigate(): void {
let navigationExtras: NavigationExtras = {
queryParams: {'profession':handyman}
};
this.router.navigate(['/experts'], navigationExtras);
}
在你的HTML中:
<a (click)="navigate()" class="category">
<img src="../../assets/metal-saw.svg" width="60" height="60">
<span>HandyMan</span>
</a>
通过this回答了解更多详情。并按照Angular routing的官方文档进行操作。