問題タブ [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.

0 投票する
0 に答える
419 参照

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 を使用しています。

0 投票する
0 に答える
199 参照

angular - 遅延ロードされたルートを持つ Angular2 の名前付きルーター アウトレット

私の主なルーティングは次のようなものです:

次に、routeAモジュールのルーティングは次のようになります。

そして私のSearchComponentテンプレートは次のようなものです:

私が望むのは、routeAモジュールをメイン ルーティングのデフォルト ルートとしてロードすることです。routeAモジュール内の注目のルートは、デフォルト ルートの代わりにルート パラメータとして使用され:listTypefeaturedタブがデフォルトで選択されています。しかし、search-boxコンポーネントの検索ボタンをクリックすると、searchルートにナビゲートしてfilterResultComponentロードする必要があり、やりたいことは次のとおりです。1-ルーターアウトレットListComponentjobListのタブの内容を表示し、他のコンポーネントは「searchResult」アウトレット内にある必要があります。 「ListComponent」とタブを非表示にします。ルーターのコンセントでこれを行うにはどうすればよいですか?

0 投票する
1 に答える
499 参照

angular - 同じルーターアウトレットから別のコンポーネントへのリンク

Angular 5 アプリに複数のルーター アウトレットがあります。

それらの1つは次のようになります。

NewsComponent から CreatePostComponent へのリンクを作成したい ( /admin/(admin:news)=> /admin/(admin:new-post):

しかし、これはパスを作成しようとしています/admin/(admin:news)/(admin:new-post)(の代わりに/admin/(admin:new-post).

これを正しく行うにはどうすればよいですか?