問題タブ [router-outlet]

{N} で a がどのように実装されているかを示す公式のアプリの例に従います。<router-outlet>私のアプリの唯一の違いは、モーダル ページ内で使用したいということです。ただし<router-outlet>、モーダル内の要素の代わりに、コンテンツを新しいページとして読み込みます。

モーダル コンポーネント

app.routing.ts

app.module.ts

モーダルのルーターアウトレットにロードする代わりに、新しいページに移動する/first理由は何ですか?/second

更新：

これはバグのようです。以下の私の答えを見てください。

*ngFor各アイテムがからレンダリングされる生成されたリストがありますjson。

私が望むのはrouter-outlet、他のアイテムを非表示にしながら、クリックしたアイテムをビューに表示することです。

商品一覧と商品カードのようなものとお考えください。特定の商品をクリックすると、その商品の全ページにリダイレクトされます。だから、私は同じアプローチが必要です。

クリックすると、必要な URL が取得されます。したがって、表示用に特別な URL を設定する必要はありませんrouter-outlet。クリックした項目をそこにレンダリングするだけです。

私の*ngFor構造：

私のサービス:

私のjson：

そして私のルート：