アプリケーション提供の共有モジュールでのカスタム・コンポーネント、パイプ、プロバイダー、およびディレクティブの追加

手順

1. 共有モジュールに追加する内容に応じて、対応するフォルダーにナビゲートします。

   SCREEN_EXTENSIONS_HOME/shared/{components or directives or pipes or services}.

   フォルダーがまだ存在しない場合は、適切なフォルダーを作成します。

2. shared-extension.module.ts を <WORKSPACE>/store-frontend/src/app/shared から <WORKSPACE>/store-frontend/store-extensions-src/app/shared フォルダーにコピーします。

   shared-extension.module.ts が既に存在する場合は、ファイルをコピーしません。

3. 以下のいずれかの CLI コマンドを使用して、コンポーネントを作成します。

   表 1. CLIコマンドとその目的

   CLI コマンド	目的
   ng g c <component-name> --project=store-extensions —skip-import	コンポーネントを生成します。 注： この場所から実行される： SCREEN_EXTENSIONS_HOME/shared/components
   ng g directive <directive-name> --project=store-extensions —skip-import	ディレクティブを生成する。 注： この場所から実行される： SCREEN_EXTENSIONS_HOME/shared/directives
   ng g pipe <pipe-name> --project=store-extensions —skip-import	パイプを生成する。 注： この場所から実行するには SCREEN_EXTENSIONS_HOME/shared/pipes
   ng g s <service-name> --project=store-extensions —skip-import	サービスを生成する。 注： この場所から実行される： SCREEN_EXTENSIONS_HOME/shared/services

4. shared-extension.module.tsの @NgModule デコレーターの providers プロパティーで、新しく作成したコンポーネント、ディレクティブ、またはパイプ・クラス名を更新します。

   同様に、 SCREEN_EXTENSIONS_HOME/shared/services フォルダーにプロバイダーまたはサービスを作成する場合は、 shared-extension.module.tsの @NgModule デコレーターの宣言およびエクスポート・プロパティーにサービス・クラス名が含まれている必要があります。