問題タブ [router-outlet]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - angular2で複数のルーターアウトレットを使用するには?
router-outlet
ログイン画面(/login
)とメインコンテンツ画面(ログイン後に表示される)( )を表示するために使用されるmainがあります/main
。
ユーザーがコンテンツ画面に移動したら、上部にナビゲーション バーを表示し、2 つのオプション (「概要」、「インサイト」など) を表示したいと考えています。このナビゲーション バーは、OverviewComponent
およびInsightsComponent
このナビゲーション バーの下に、別のルーター アウトレットを表示したいと思います。これは、ユーザーがナビゲーション バーでクリックした内容に基づいて、OverviewComponent
またはをロードします。InsightsComponent
'/overview' と /'insights' をルートとして指定すると、それぞれのコンポーネントが直接表示されますが、ナビゲーション バーは表示されません。
以下は私の現在のルーティング構成です(これは正しくありません):
angular2 angular4でこれを達成できるかどうか教えてください。私は次のバージョンを使用しています:
******************試行 2 - まだ動作していません********************
********試行 2 - すべてのコンポーネントを含む Sudo コード - まだ機能していません********
********試行 3 - 動作中************