問題タブ [angular2-modules]

ErrorHandlerを拡張し、エラー メッセージをリモート リポジトリに記録するサービスである ErrorHandlerLogger を作成しました。

ErrorHandlerLoggerには、 HttpModuleによって提供されるAngular httpクライアントが必要です。

ErrorHandlerModuleでは、HttpModuleをインポートし、 ErrorHandlerLoggerをプロバイダーとして定義します。

AppModuleでは、ErrorHandlerModuleをインポートします。

アプリを起動すると、次のエラー メッセージが表示されます

ここに私のコード

エラーハンドラモジュール

ErrorHandlerLogger

アプリモジュール

どんな助けでも大歓迎です

テスト プロジェクトにng2-ckeditorを追加しようとしています。このために、次の行をsystemjs.config.jsに追加しました

shared.module.ts

app.module.ts

test.module.ts

しかし、エラーを受け取ります。

元の例外: CKEDITOR が定義されていません

すべてのコード

これがシナリオです。UserConsoleModule と ShoppingCartModule があります。MyProfileComponent というコンポーネントがあります。/user-console に移動すると、MyProfileComponent が表示されるので、それを UserConsoleModule の宣言に入れました。/shopping-cart/profile では、ユーザーがチェックアウトするときに、すべての情報に問題がないことを確認するために彼のプロフィールを表示しています。そこで、MyProfileComponent を再利用して配置し、そのコンポーネントを ShoppingCartModule で宣言します。コンポーネントは2つのモジュールの一部です。なぜそれが2つのモジュールにあるのに気になるのかわかりません。それらは独立しています。再利用するコンポーネントが何であれ、その特定のモジュールでそれを宣言し、RC 5 以前の宣言と同じように良いと思いました。このモジュールのことは良いのですが、実際には多くの混乱を引き起こします。

もう一つの問題はルートです。UserConsoleModule と ShoppingCartModule の両方を再利用する AdminConsoleModule があります。私がしたことは、AdminConsoleModule のインポートで ShoppingCartModule をインポートしたことです。/shopping-cart が /shopping-cart/cart にリダイレクトされます。そのため、管理コンソールが読み込まれるとすぐに、/admin-console/cart にリダイレクトされます。ルーターアウトレットに UserResults をロードする必要があります。ルーターが混乱しています。ここで何か間違ったことをしていますか？

ソリューションの一部として、ショッピング カート コンポーネントのみを含む共有モジュールを作成しました。アイデアは、shared-shopping-cart.module.ts と shopping-cart.routing.ts を shopping-cart.module にインポートすることでした。 ts であるため、分離されたままになります。しかし、共有モジュールは、私のショッピングカート.コンポーネント.tsにルーターアウトレットがあるため、ルーターアウトレットが不明であるというエラーをスローします。

私の admin-console.routing.ts

私の AdminConsoleModule:

UserConsoleにはこれらのコンポーネントがあるため、my-profileとすべてをインポートしていません。

ユーザーコンソールモジュール

ショッピングカートモジュール

shopping-cart.routing.ts

AdminConsoleModuel のインポートで、UserConsoleModule を ShoppingCartModule の前に配置すると、UserConsoleRouting にもリダイレクトがあるため、admin-console/my-profile に移動します。

ここに user-console.routing.ts があります

最終的な解決策は、各コンポーネントのモジュールを作成し、それをどこにでもインポートするように見えると思います。:p

現在、Angular 2.0 (リリース バージョン) で新しいプロジェクトを開始しており、いくつかのグローバル データ モデル/スキーマを定義したいと考えています。私が理解しているように、Angular 2 には次のような純粋なデータ クラスを処理するデフォルトの方法がありません。

ベスト プラクティスに関する私の最初の質問は、Angular 2 で作業するときにそのようなクラスを定義する必要があるかどうかです。

私のアプリケーション全体のデザインとコンセプトには必要だと思いますが、ここで間違った考え方を適用しているかどうかはわかりません。

このデータ クラスは、複数のモジュール ( ngModule ) で必要になる場合があるため、2 番目の質問は、アプリのどこに配置すればよいですか? 現在、私は次の構造を持っています：

私が最初に考えたのは、 を に含め、instruction.model.tsをshared.moduleインポートするすべてのモジュールにエクスポートすることshared.moduleでした。モデルがディレクティブ、パイプ、またはモジュールではないため、うまくいかないようです。とにかくそれをエクスポートする方法はありますか？

test.model.tsより簡単な解決策は、ファイルと、それを必要とするすべてのモジュールの他のすべての共有モデルを直接インポートすることです。しかし、これは扱いにくく、複数のモデルには不便です。

私が考えた 3 番目の解決策は、すべての共有データ モデルを別のフォルダーに配置し、それらのエクスポートを以下のような 1 つのファイルにまとめて、このファイルを必要とするすべてのモジュールにインポートすることでした。

これはshared、アプリ全体で共有するモジュールです。

このsharedモジュールは以下をインポートしModalModuleます:

次に、インポートするSharedModule（エクスポートするModalModule） 3番目のモジュールがあります。

そして、私はこのディレクティブを持っていますmodalOpen:

しかし、DocumentationListComponentのテンプレート内で使用すると:

私はこれを得る：

テンプレートでディレクティブが見つからないのはなぜですか?

編集:私が欲しいのは、基本的にこのガイドの機能モジュールです: https://angular.io/docs/ts/latest/guide/ngmodule.html