Angular: Mehrere verschachtelte Routen

Question

Zusammenfassung

• Ich habe eine Liste von Produkten auf einer Produktseite gelegen (url.com/products)
• Wenn ich auf ein Produkt klicken, ich bin mit einem präsentiert Zusammenfassung und ein Link zu Problemen mit diesem Produkt (url.com/products/22) - (22 ist die Produkt-ID)
• Wenn ich auf den Link klicken, um Probleme anzuzeigen, werde ich feststecken.

Was ich bisher

ich die Liste der Produkte in Ordnung angezeigt werden können, und ich kann auch eine Seite einmal auf ein Produkt und die URL ändert, klicken Anzeige auf „url.com/products/ 10 ". Also das funktioniert gut mit dem unten.

<a [routerLink] = "['/product', product.productID]"> 
 
    {{ product.productName }} 
 
</a>

Frage Ist es möglich, Router-Links zu verwenden, die folgenden zu erreichen?

"url.com/products/10/issues/24"

• Produkte: Die Produkte-Seite, die eine Liste von Produkten zeigt
• 10: Das von Ihnen gewählte Produkt, das eine ID von 10
hat
• Probleme: eine Themen-Seite Liste dieses produktbezogenen
• 24: das gewählte Thema, das eine ID von 24

hat Jede Hilfe sehr app wäre revanchiert. Vielen Dank.

Answer 1

Ja, Sie können das tun auf folgende Weise:

• Für Liste der Probleme: [routerLink] = "['/product', product.productID, 'issues']".
  Dies wird einen Link zu /product/10/issues/

• Für eine bestimmte Ausgabe erzeugen: [routerLink] = "['/product', product.productID, 'issues', issueID]".
  Dies wird einen Link zu /product/10/issues/24

Sie erhalten können mehr Details über here erzeugen.