如何将查询参数添加到routerLink？
@RouteConfig {
{path: '/search', name: 'Search', component: SearchCmp}
}
比如说我想go /search?q=asdf号公路，
<a [routerLink]= " [ '/Search' , {q= 'asdf'}] ">Link 1</a>
这等于/search.
有没有一种方法可以添加查询参数而不使用:
this.router.navigate( ['Search', { q: 'asdf'}]);
或
<a href="/search?a=asdf"> Link 2 </a>
?
如果你需要比/search?q=asdf更多的东西，你可以简单地使用:
@RouteConfig {
{path: '/search', name: 'Search', component: SearchCmp}
}
//And to generate router Links use:
<a [routerLink]="['/Search']" [queryParams]="{q:'asdf'}"></a>
这会将href标记生成为<a href="/search"，但单击锚定标记会将您 bootstrap 到url /search?q=asdf.[queryParams]将允许您添加带"？"的查询参数，否则，它们将被附加"；".您可以使用以下方法在SearchCmp中获取此参数:
constructor(private _routeParams: RouteParams) {
var queryParam = this._routeParams.get('q');
}