Angular 2 routerLink 参数和查询参数

Question

Here is my route:

{ path: 'market/:currency', component: MainlayoutComponent, canActivate: [AuthGuard]}

I want redirect to with query params like this:

market/btc?sidebar=home

<a [routerLink]="['/market', currency]" [queryParams]="{sidebar: 'home'}"></a>

But when i click its redirect market/btc

What's the problem.

Editing

This code works i have another bug but i solved.

Answer 1

you just need to preserve your queryParams :

queryParamsHandling="preserve"

Add the above attribute/directive to your route :

<a [routerLink]="['/market', currency]" [queryParams]="{sidebar: 'home'}" queryParamsHandling="preserve"></a>

Answer 2

you can try:

<a [routerLink]="'/market/'+ currency" [queryParams]="{sidebar: 'home'}"></a>

or:

<a routerLink = "/market/{{currency}}" [queryParams]="{sidebar: 'home'}"></a>

Answer 3

There is no issue in your code. I tried following and its working nicely.

I have even added an extra parameter.

<a [routerLink]="['/market', currency]" [queryParams]="{sidebar:'home',tab:'5'}">Go to market</a>

TS :

const routes: Routes = [
    { path: "market/:currency", component: AppComponent}
];

I am getting following result :

http://localhost:49152/market/currency?sidebar=home&tab=5

Answer 4

尝试使用：

<a [routerLink]="['/market', currency]" [queryParams]="{sidebar: home}"></a>