Winkel 2 Router: mehrere Parameter der route

Ich will eine route mit dieser url

/collections/:collectionId/books/:bookId/:title

z.B. 

/collections/10/books/456678/my-book.html

in meinem app-routing.- Modul.ts-Datei

{path: 'collections/:collectionId/books/:bookId/:title', component: BookDetailsComponent},

Ist möglich, ohne Verwendung von verschachtelten router outlets?

Versuchte ich

this.router.navigate(['/collections',{collectionId: 10, bookId: 456678, title: "my-book.html"}]);

aber bekam eine Fehlermeldung wie

Cannot match any routes. URL Segment: 'collections;collectionId=10;bookId=456678;title=my-book.html'

wenn ich übergeben Sie die Parameter wie ein array statt,

this.router.navigate(['/collections', 10, 456678, "my-book.html"]);

Bekomme ich

Error: Cannot match any routes. URL Segment: 'collections/10/456678/my-book.html

Ich es geschafft, zu erreichen, was ich wollte, mit einem "Bücher" Kind-route unter die "Sammlungen" - route, aber ich möchte es tun, ohne verschachtelte Routen.

Dank

  • Was genau Sie übergeben als array router.navigate?
  • ich bearbeitet meine Frage zu zeigen, mehr code
  • Sie verpasst 'Bücher' als ein Teil des Pfades
  • ja, das war das problem, danke
InformationsquelleAutor David | 2016-12-07
  1. 12

    Sollte es

    this.router.navigate(['/collections', '10', 'books', '456678', "my-book.html"]);

    Die Anführungszeichen um die zahlen sind nicht notwendig, aber ich denke, es ist gute Praxis.

    • Danke. Jedoch, es scheint nur zu funktionieren, wenn ich einen <router-outet> in der entsprechenden Vorlage, sonst bekomme ich den Fehler Nicht finden können primäre outlet-laden 'BookDetailsComponent'
    • Danke für den Hinweis über das Komma. Nicht sicher, was du meinst mit dem router und Steckdose. Ein router-outlet ist immer obligatorisch. Wenn Sie denken, es sollte nicht für Ihren Fall dann ein Plunker mit einer Reproduktion würde groß sein, zu untersuchen.
    • Der code (das.router.Navigation...) ist in einem CollectionComponent, deren Vorlage enthält keine router-Steckdose. Meine router-Steckdose ist in meinem AppComponent. Ich werde versuchen, erstellen Sie eine plunker
    • Ich Stimme zu, dass es auch nicht erforderlich, einen router-outlet in diesem Fall, weil Sie mit einem absoluten Pfad (beginnend mit /)
    InformationsquelleAutor Günter Zöchbauer
Schreibe einen Kommentar