Angular2 Routerlink:添加查询参数 [英] Angular2 Routerlink: add query parameters
本文介绍了Angular2 Routerlink:添加查询参数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何向 routerLink
添加查询参数?
How can I add query parameters to routerLink
?
@RouteConfig {
{path: '/search', name: 'Search', component: SearchCmp}
}
假设我想路由到 /search?q=asdf
,
<a [routerLink]= " [ '/Search' , {q= 'asdf'}] ">Link 1</a>
这解析为 /search
.
有没有办法在不使用的情况下添加查询参数:
Is there a way to add query parameters without using:
this.router.navigate( ['Search', { q: 'asdf'}]);
或
<a href="/search?a=asdf"> Link 2 </a>
?
推荐答案
如果你需要像 /search?q=asdf
这样的东西,你可以简单地使用:
If u need something as /search?q=asdf
than you can simply use:
@RouteConfig {
{path: '/search', name: 'Search', component: SearchCmp}
}
//And to generate router Links use:
<a [routerLink]="['/Search']" [queryParams]="{q:'asdf'}"></a>
这将生成 href 标记为 <a href="/search"
但单击锚标记将引导您到 url /search?q=asdf
.[queryParams] 会让你添加带有?"的查询参数,否则它们会被附加;".您可以使用以下方法在 SearchCmp
中获取此参数:
This will generate the href tag as <a href="/search"
but on clicking the anchor tag will lead you to url /search?q=asdf
. [queryParams] will let you add the query params with "?", otherwise they will be appended by ";". You can get this parameter in your SearchCmp
using:
constructor(private _routeParams: RouteParams) {
var queryParam = this._routeParams.get('q');
}
这篇关于Angular2 Routerlink:添加查询参数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文