RouterLink mit mehreren Parameter in Eckigen

Ich möchte einen link erstellen der route mit mehreren Parametern, und binden Sie diese im tempalte. Bis jetzt habe ich es getan, indem Sie die Funktion auf (click) Fall, aber ich Frage mich, ob es möglich ist, innerhalb RouterLink's verbindlich.

Hier ist die Funktion, die ich verwenden, um die bind-Parameter:

redirect() {
    this._router.navigate( ['/category', { cat: this.category, page: this.page }]);
}

Meine route sieht wie folgt aus:

{
    path: 'category/:cat/:page',
    component: PostComponent
}

Werde ich in der Lage, das gleiche zu tun innerhalb routerLink Richtlinie?

InformationsquelleAutor Dawid Zbiński | 2016-09-22

  1. 21

    Ja, natürlich, Sie könnte verwenden routerLink zu bilden href - tag dynamisch für die navigation. Werte in array, wobei jeder Wert bekommen, bewertet Komponente Kontext.

    [routerLink]="['/category', category, page ]"
    Haha, dachte ich eigentlich, was ich falsch gemacht habe, bis Sie bearbeitet werden. Vielen Dank, es funktioniert. Ich weiß nicht, warum ich nicht finden konnte es in der Dokumentation. Ich habe versucht zu tun, so wie du in die erste Antwort und es erstellt: href="/Kategorie;cat=1;page=1".
    das wurde mir schlecht. 😀 es wird form ; getrennten Zeichenfolge, die wiered..
    Nevermind, am Ende klappt alles perfekt. Noch einmal vielen Dank.
    Vielen Dank, es funktioniert gut.
    froh, zu wissen, es hilft 🙂

    InformationsquelleAutor Pankaj Parkar

  2. -1

    können Sie es tun, wie zum Beispiel :-

    <p *ngFor="let emp of employees; let i = index">
  <li><a [routerLink]="['delete', i]">{{emp.name}}</a>({{emp.status}})</li>
</p>

    Hoffe es hilft,

    Dank

    Ich leider denke, dass diese Antwort nicht die Beantwortung der Frage an alle. Es gibt keine mehrere params-in-router-link, den Sie zeigte.
    index i ist dynamisch für jeden Mitarbeiter, wodurch alle löschen dynamische url -

    InformationsquelleAutor Alok Kamboj

Schreibe einen Kommentar