Angular 角度2路由器链路参数&;查询参数
这是我的路线:Angular 角度2路由器链路参数&;查询参数,angular,typescript,angular2-routing,angular5,angular4-router,Angular,Typescript,Angular2 Routing,Angular5,Angular4 Router,这是我的路线: { path: 'market/:currency', component: MainlayoutComponent, canActivate: [AuthGuard]} 我希望使用如下查询参数重定向到: 市场/btc?侧边栏=主页 <a [routerLink]="['/market', currency]" [queryParams]="{sidebar: 'home'}"></a> 但是当我点击它的重定向市场/btc 有什么问题吗 编辑 此代
{ path: 'market/:currency', component: MainlayoutComponent, canActivate: [AuthGuard]}
我希望使用如下查询参数重定向到:
市场/btc?侧边栏=主页
<a [routerLink]="['/market', currency]" [queryParams]="{sidebar: 'home'}"></a>
但是当我点击它的重定向市场/btc
有什么问题吗
编辑
此代码有效。我有另一个错误,但已解决。尝试使用:
<a [routerLink]="['/market', currency]" [queryParams]="{sidebar: home}"></a>
您只需保留查询参数:
queryParamsHandling=“preserve”
将上述属性/指令添加到路线:
<a [routerLink]="['/market', currency]" [queryParams]="{sidebar: 'home'}" queryParamsHandling="preserve"></a>
您的代码中没有问题。我试着跟随,效果很好 我甚至添加了一个额外的参数
<a [routerLink]="['/market', currency]" [queryParams]="{sidebar:'home',tab:'5'}">Go to market</a>
我得到以下结果:
您可以尝试:
<a [routerLink]="'/market/'+ currency" [queryParams]="{sidebar: 'home'}"></a>
或:
没有主题,但是我在哪里可以找到查询参数输入的文档?我不记得在路线图上见过它guide@trichetriche它是NavigationExtras的一部分:不要提及@trichetriche:)
<a [routerLink]="'/market/'+ currency" [queryParams]="{sidebar: 'home'}"></a>
<a routerLink = "/market/{{currency}}" [queryParams]="{sidebar: 'home'}"></a>