¿Cómo puedo agregar parámetros de consulta a routerLink ?
@RouteConfig { {path: '/search', name: 'Search', component: SearchCmp} } Digamos que quiero enrutar a /search?q=asdf ,
<a [routerLink]= " [ '/Search' , {q= 'asdf'}] ">Link 1</a> esto se resuelve en /search .
¿Hay alguna manera de agregar parámetros de consulta sin usar:
this.router.navigate( ['Search', { q: 'asdf'}]);o
<a href="/search?a=asdf"> Link 2 </a>?
Si necesita algo como /search?q=asdf , simplemente puede usar:
@RouteConfig { {path: '/search', name: 'Search', component: SearchCmp} } //And to generate router Links use: <a [routerLink]="['/Search']" [queryParams]="{q:'asdf'}"></a> Esto generará la etiqueta href como <a href="/search" pero al hacer clic en la etiqueta ancla lo llevará a url /search?q=asdf . [queryParams] le permitirá agregar los parámetros de consulta con "?", de lo contrario, se agregarán con ";". Puede obtener este parámetro en su SearchCmp usando:
constructor(private _routeParams: RouteParams) { var queryParam = this._routeParams.get('q'); }OP (Póster original) preguntó cómo agregar parámetros de consulta a través del enlace del enrutador, no los parámetros del enrutador como respondió @SaUrAbH MaUrYa.
Para agregar parámetros de consulta, debe usar [queryParams] :
<a [routerLink]="['/users']" [queryParams]="{ page: 1 }">next page</a>