問題タブ [angular2-modules]

これが私のAngular2アプリの構造です:

これが私のコードの一部です。以下は、ルーティング ルールと子モジュール ( ) をインポートし、いくつかのページに関連するいくつかのコンポーネントを使用moduleする Angular2 アプリのメインです。EdgeModule

app.module.ts

メイン モジュールのルーティング ルールは次のとおりです。ログインページへのパスがあり、ページが見つかりません。

app.routing.ts

EdgeModuleこれは、使用するコンポーネントを宣言し、独自のルーティング規則と 2 つの子モジュール (FirstSectionModuleおよび) をインポートしますSecondSectionModule。

edge.module.ts

ご覧のとおり、トップバーとサイドバーのコンポーネントをロードするモジュールのルーティング ルールを次に示します。

edge.routing.ts

最後に、これは 2 つの子モジュールの 1 つで、コンポーネントを持ち、ルーティング ルールをインポートします。

first-section.module.ts

これらは、のページ (コンポーネント) のルーティング ルールです。FirstSectionModule

first-section.routing.ts

second-section.module.tsandファイルについてもほぼ同じことが起こりsecond-section.routing.tsます。

アプリを実行すると、最初に読み込まれるのは に関連するページFirstSectionComponentで、サイドバーもトップバーもありません。

私のコードの何が問題なのか教えていただけますか? コンソールにエラーはありません。

以下を考えると：

TypeScript または Angular2 で、moduleProviders とエクスポートで CountryService、DenomService の重複を防ぐ方法はありますか?

スプレッド演算子は providers: プロパティで非常にうまく機能しますが、エクスポートでスプレッドを使用すると、以下のように機能しません

言及された重複を防ぐために何ができるかについての提案。

ありがとう

私はangular 2を初めて使用するので、この質問が些細なことに聞こえる場合はご容赦ください。angular 2 で機能モジュールを作成しており、このモジュールからすべてのコンポーネントをエクスポートします。メインモジュールはそれをインポートして、このモジュールをインポートリストに追加できます。そうすることで、メインモジュールのすべての「テンプレート」が機能モジュールのコンポーネントにアクセスできるようになります。

しかし、私が望むのは、メイン モジュールのコンポーネントの 1 つで、機能モジュールのコンポーネントを ViewChild として参照したいということです。

複数のコンポーネントをモジュール ( ) にバンドルし、Widget1Moduleそのモジュールを別のモジュール ( AdminModule) に挿入して、すべてのコンポーネントが 内AdminModuleのコンポーネントにアクセスできるようにしたいと考えていますWidget1Module。

これを実行したいのは、declarations配列がAdminModule大きくなって管理不能になるのを避けるためです。問題の詳細については、以下を参照してください。

次のようなモジュールファイルがあります。

Widget1Componentどの「宣言」モジュール内でも使用できるコンポーネント ( ) を作成したいと考えています。私はこのようなことができることを知っています:

これは機能しますが、このアプリケーションが成長するにつれて、すべてのウィジェットを別のモジュールにバンドルし、そのモジュールをこのモジュールに挿入できるようにしたいと考えています。

しかし、このようなことをしようとすると、アプリケーションが に含まれるウィジェットについて認識していないというエラーが表示され続けますWidget1Module。

新しいモジュール「A」を作成し、それを「B」という別のモジュールにインポートしようとしています。コンパイル時にこのエラーが発生します

エラー TS1192: モジュール '" A.module"' にはデフォルトのエクスポートがありません

誰でもこのエラーを解決する方法を教えてください。

LoginComponent、AuthService、LoggedInGuard を AuthModule というモジュール内に配置することにしました。

そして、残りのアプリケーションでは AuthService メソッドのみを使用したいと考えています。非公開ルートを保護するLoggedInGuard。

だから私はそれらをAppModuleにインポートしようとしました:

しかし、app.routes.ts では、次のコード行では LoggedInGuard を使用できません。

コンパイルされず、次のように表示されます。

...auth/auth.module にはエクスポートされたメンバー「LoggedInGuard」がありません

それを正しい場所に向けると：

コンパイルされますが、次のランタイム エラーが表示されます。

モジュール「AuthModule」によってエクスポートされた予期しない値「AuthService」

何をお勧めしますか？

前もって感謝します。

私のコンポーネント ListingComponent は、MemberCountryFilter というコンポーネントを使用します。このモジュールがあり、すべてが機能しています。

別のモジュールですぐに MemberCountryFilter コンポーネントが必要になることに気付いたので、リファクタリングしました。MemberCountryFilter コンポーネント用にこのモジュールを作成しました。これを他のモジュールにインポートしたいと考えています。

元のモジュールを次のように変更しました。

これを行った後、次のような漠然としたテンプレート解析エラーが発生します。

zone.js:355 未処理の Promise 拒否: テンプレート解析エラー: 'ul' の既知のプロパティではないため、'ngForOf' にバインドできません。("]*ngFor="selectedMemberCountries の smc を許可します">

ListingComponent は MemberCountryFilter が何であるかを認識していないようです。明らかに、モジュールについて理解できないことがあります。私はドキュメントを読みましたが、正しくやっていると思います。

FilterModule でのエクスポートにより、MemberCountryFilter が使用可能になります。次に、それを ListingSharedModule にインポートし、エクスポートして ListingComponent で使用できるようにします。

基本的な概要については、MemberCountryFilter を宣言として (エクスポートを使用して) 使用したところ、機能しました。それを別のモジュールに移動し、そのモジュールをインポートおよびエクスポートしましたが、機能しません。

私は何が欠けていますか？