查询参数不起作用 Angular 5答案

【问题标题】：Query Params Not Works Angular 5查询参数不起作用 Angular 5
【发布时间】：2018-06-17 16:12:53
【问题描述】：

我有以下 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 中使用 Angular。有谁知道为什么会发生这种情况？

【问题讨论】：

标签： angular angular-routing

【解决方案1】：

试试这个，

<a [routerLink]="['/experts']" [queryParams]="{ profession: 'handyman'}" class="category">

【讨论】：

【解决方案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的官方文档。

【讨论】：