遅延ロードされたモジュールから別の遅延ロードされたモジュールにコンポーネントをインポートする

Question

Angular2公式ページのTour-of-Heroチュートリアルに従ってきました。しかし、モジュールの遅延読み込みを導入することでさらに進歩しました。

私は、次の機能モジュールに持って

：

• モジュールDashboard

  • ダッシュボードコンポーネント

• モジュールHero

  を
  • 主人公リスト成分
  • 主人公ディテール成分
  • 主人公-検索コンポーネント
  • 主人公検索サービス
  • 主人公モデル

主人公検索成分でありますDashboard Moduleで使用するディレクティブ。

しかし、Angular2アーキテクチャについては、this documentationによると、ルートモジュールは他社からインポートするべきではありません。つまり、HeroモジュールをDashboardモジュールにインポートするべきではありません。私の場合、私のルートはもはや働いていません。また、ヒーロー・検索コンポーネントがヒーロー・サービスと英雄モデルを使用しています

、そうそれはそれは難しい外部化すること、ヒーローモジュールに強い依存関係を持っています。

Dashboardコンポーネントでヒーロー検索コンポーネントを使用するにはどうすればいいですか？

Answer 1

あなたは、第3のモジュールを作るのはUtilityModuleそれを呼びましょう、そこからの輸出HeroSearch、その後DashboardModuleとHeroModuleにUtilityModuleをインポートすることができます。これにより、両方のモジュールでHeroSearchコンポーネントを使用できるようになります。

@NgModule({ 
    imports: [ ... ], 
    declarations: [ ... ], 
    exports: [ HeroSearch ] 
}) 

export class UtilityModule { } 

Answer 2

私はあなたがそれを行うことはできません。遅延ルーティングされたモジュールは、独立したアプリのように機能します。したがって、そこに宣言されているものは、そのモジュールのスコープ内でのみ使用されるべきです。それについて考える。ダッシュボードをロードすると、あなたの怠惰なヒーローモジュールがまだロードされていないことが決して分かりません。だから、まだ読み込まれていないかもしれないモジュールから何かを使いたいのですか？

多分私は間違っているかもしれませんが、私は彼らが成功していないドキュメントで私たちに示したよりも複雑なモジュール構造を設計しようとしています。私は本当にこのモジュールシステムが悪いラッシュデザインの一例だと思っています。それと幸運。