2017-06-14 3 views
0

概要角度:私は製品をクリックすると、複数のネストされたルート

  • 私は、製品ページに位置する製品のリスト(url.com/products)を持っているが
  • 私が提示していますサマリーとその製品に関する問題へのリンク(url.com/products/22) - (22は製品ID)
  • 問題を見るためにリンクをクリックすると、私は固まってしまいます。
  • 私は細かい製品のリストを表示することができ、そして私も一度url.com/products/」に、製品やURLの変更をクリックしてページを表示することができます私は

    これまで持ってい

10 "となる。だからそれは下でうまくいっている。

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

質問 は以下を達成するために、ルータのリンクを使用することが可能ですか?

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

  • 製品:製品
  • 10のリストが表示された製品のページ:10
  • のIDを持って選択した製品
  • 問題:すべてのヘルプは大幅アプリだろう24

のIDを持って選択した問題:その製品

  • 24に関連する問題の一覧ページ再発行された。ありがとうございました。

  • 答えて

    0

    はいあなたは次のようにそれを行うことができます。問題のリストについては

    • [routerLink] = "['/product', product.productID, 'issues']"を。
      /product/10/issues/

    • 特に問題の場合は:[routerLink] = "['/product', product.productID, 'issues', issueID]"です。
      これは、あなたがhere上の詳細を取得することができます/product/10/issues/24

    へのリンクを生成します。

    +0

    ありがとうございました:)(私がドキュメントを見逃したとは信じられません) – MegaTron

    関連する問題