Angular2 Routerlink: Hinzufügen von Abfrageparametern

Wie kann ich eine Abfrage hinzufügen von Parametern zu routerLink?

@RouteConfig {
   {path: '/search',   name: 'Search', component: SearchCmp}
}

Let' sagen, ich will Weg zu /search?q=asdf,

<a [routerLink]= " [ '/Search' , {q= 'asdf'}] ">Link 1</a>

dies wird zu /search .

Gibt es eine Möglichkeit zum hinzufügen von query-Parameter ohne Verwendung:

this.router.navigate( ['Search', { q: 'asdf'}]);

oder

<a href="/search?a=asdf"> Link 2 </a>

?

Kommentar zu dem Problem
Ja, das ist dieselbe Frage und Antwort als diese: stackoverflow.com/questions/35188060/... Kommentarautor: Vlado Tesanovic
Nein ist es nicht. ich diese Frage ist über query-Parameter und nicht über die route, Parameter, Kommentarautor: tisie
Bitte klären Sie. Möchten Sie eine generische Methode zum hinzufügen von url-params oder sind Sie auf der Suche nach einer Eckigen Weg? Kommentarautor: Bryan
ich Suche ein Winkel-Weg. <a href="/search?a=asdf">Link></a> auslösen würde eine Seite neu laden Kommentarautor: tisie
Warum müssen Sie query-Parameter? Sie sind mit den Routen in Eckige nicht Abfragen. Die Routen bestimmen, die Abfragen, so dass heißt, Sie müssen die Parameter der route...? Kommentarautor: inoabrian

InformationsquelleAutor der Frage tisie | 2016-02-05

  1. 43

    Wenn u brauchen etwas wie /search?q=asdf als einfach können Sie:

    @RouteConfig {
   {path: '/search',   name: 'Search', component: SearchCmp}
}

//And to generate router Links use:

<a [routerLink]="['/Search']" [queryParams]="{q:'asdf'}"></a>

    Generiert die href-Tags als <a href="/search" aber beim Klick auf den anchor-tag führt Sie zum url /search?q=asdf. [queryParams] können Sie die Abfrage-Parameter mit "?", sonst werden Sie angehängt werden, durch ";". Sie können diese parameter in Ihren SearchCmp mit:

    constructor(private _routeParams: RouteParams) {
   var queryParam = this._routeParams.get('q');
}

    InformationsquelleAutor der Antwort SaUrAbH MaUrYa

  2. 77

    OP (Original Poster) gefragt, wie das hinzufügen query Parameter über router-Verbindung, nicht eine router-Parameter wie @SaUrAbH MaUrYa beantwortet.

    Hinzufügen query-Parameter, die Sie verwenden müssen [queryParams] Bindung:

    <a [routerLink]="['/users']" [queryParams]="{ page: 1 }">next page</a>

    InformationsquelleAutor der Antwort pleerock

Schreibe einen Kommentar