問題タブ [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 - 複数の router-outlets と routerLink を使用している場合、ルートを一致させることはできません
Angular 2 アプリケーションで機能するリンクを取得できません。
マイページは、ヘッダーとその下のコンテンツの 2 つの部分で構成されています。2 つのパーツは、それぞれのルーター アウトレットによってモデル化されています。リンクをクリックすると、通常、ヘッダーとコンテンツの両方を変更したいと思います。そこで、 を使用して、 routerLink
のように各アウトレットのリンクの場所を定義しようとしました<a [routerLink]="[{ outlets: { primary: '/content', header: '/header' }}]">link</a>
。
残念ながら、リンクは機能しません。コンソールでは、ルーターは次のエラーをスローします。
また、リンクが正しく解析されているかどうかも疑問に思っていました。HTML を調べると、リンクは次のようになります。<a ng-reflect-router-link="[object Object]" href="//content(header:/header)">link</a>
私は何が間違っているのだろうか、あなたの助けに感謝します!
セットアップは次のとおりです。
app.module.ts
app.component.ts
app-routing.module.ts
リンク/link.component.ts
header/header.component.ts
content/content.component.ts
Angular のバージョン 5.2.8 を使用しています。
angular - 遅延ロードされたルートを持つ Angular2 の名前付きルーター アウトレット
私の主なルーティングは次のようなものです:
次に、routeA
モジュールのルーティングは次のようになります。
そして私のSearchComponent
テンプレートは次のようなものです:
私が望むのは、routeA
モジュールをメイン ルーティングのデフォルト ルートとしてロードすることです。routeA
モジュール内の注目のルートは、デフォルト ルートの代わりにルート パラメータとして使用され:listType
、featured
タブがデフォルトで選択されています。しかし、search-box
コンポーネントの検索ボタンをクリックすると、search
ルートにナビゲートしてfilterResultComponent
ロードする必要があり、やりたいことは次のとおりです。1-ルーターアウトレットListComponent
内jobList
のタブの内容を表示し、他のコンポーネントは「searchResult」アウトレット内にある必要があります。 「ListComponent」とタブを非表示にします。ルーターのコンセントでこれを行うにはどうすればよいですか?
angular - 同じルーターアウトレットから別のコンポーネントへのリンク
Angular 5 アプリに複数のルーター アウトレットがあります。
それらの1つは次のようになります。
NewsComponent から CreatePostComponent へのリンクを作成したい ( /admin/(admin:news)
=> /admin/(admin:new-post)
:
しかし、これはパスを作成しようとしています/admin/(admin:news)/(admin:new-post)
(の代わりに/admin/(admin:new-post)
.
これを正しく行うにはどうすればよいですか?