問題タブ [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 投票する
1 に答える
2625 参照

angular - アウトレットのない別のコンポーネントへのリンク

私の Angular5 アプリには、「admin」(/admin) という名前のルーター アウトレットがあり、子ルーターの「ニュース」/admin/(admin:news) があり、コンポーネント CreatePostComponent /admin/(admin:news/ へのリンクを作成したい新規投稿)。

これが私のルーターです:

テンプレート内のリンク:<a [routerLink]="['new-post']">New post</a>

これでうまくいきました。URL を /admin/(admin:news/new-post) に変更しましたが、CreatePostComponent ではなく NewsComponent が表示されます。これを正しく行うにはどうすればよいですか?

また、名前付きルーターアウトレット (/admin/(admin:news) ではなく、/admin/news) に通常の種類の URL を設定できますか?

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

angular - 名前付きルーター アウトレットが機能しない

angular アプリケーションで名前付きルーター アウトレットを動作させるのに問題があります。以下のテンプレートには動作するコードがあり、その下には私が試した 2 つの別々のものがコメント アウトされています。それらは完全に下線が引かれ、このエラーを引き起こしています:

cssFlex または cssGrid を適切に使用するために、ルーティングされたアイテムをテンプレート内の同じレベルで取得できるように、名前付きルーター アウトレットを使用する必要があります。あなたが提供できる洞察に感謝します!反対票を投じる場合は、理由を明記してください。この質問を改善できます。ありがとう。

名前付きおよびネストされたルーターアウトレットに関する無数のリソースを読みましたが、これが最も簡単であることがわかりまし.

テンプレート: C:\Users\nvaughn\Documents\TFSHome\GWConnect\src\Gwi.WebUI\ClientApp\src\app\layout\user-management\user-management.component.html

ルーティング モジュール: C:\Users\nvaughn\Documents\TFSHome\GWConnect\src\Gwi.WebUI\ClientApp\src\app\layout\user-management\user-management-routing.module.ts

とにかくこれが重要だとは思わないでください... コンポーネント: C:\Users\nvaughn\Documents\TFSHome\GWConnect\src\Gwi.WebUI\ClientApp\src\app\layout\user-management\user-management.component. TS

0 投票する
2 に答える
474 参照

angular - Angular 5: アプリに 2 つのルーター アウトレットがあると、子ルートが機能しません

モジュールにルートを作成し、それを子としてインポートしました。

module.Routing.ts で

IN app.routing.ts

私はこれを持っています

最初のホームコンポーネントへのリダイレクトが成功したとき。しかし、url localhost/admin/products を試してみると.

それは私にエラーを与えます