Угловые 2 параметра routerLink и параметры запроса

Question

Вот мой маршрут:

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

Я хочу перенаправить с такими параметрами запроса:

Рынок / BTC? Врезка = дом

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

Но когда я нажимаю на его перенаправление market / btc

В чем проблема.

Редактирование

Этот код работает, у меня есть еще одна ошибка, но я решил.

Answer 1

вы можете попробовать:

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

или

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

Answer 2

вам просто нужно сохранить ваш запросПарамы:

queryParamsHandling="preserve"

Добавьте вышеуказанный атрибут / директиву к вашему маршруту:

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

Answer 3

В вашем коде нет проблем.Я попытался выполнить следующее, и он хорошо работает.

Я даже добавил дополнительный параметр.

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

TS:

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

Я получаю следующий результат:

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

Answer 4

Попробуйте использовать:

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