Aggiunta di componenti personalizzati, pipe, fornitori e direttive nel modulo condiviso fornito dall'applicazione

Procedura

1. In base a ciò che si desidera aggiungere al modulo condiviso, passare alla cartella corrispondente:

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

   Creare le cartelle in modo appropriato, se non sono già presenti.

2. Copiare shared-extension.module.ts da <WORKSPACE>/store-frontend/src/app/shared alla cartella <WORKSPACE>/store-frontend/store-extensions-src/app/shared .

   Se shared-extension.module.ts è già presente, non copiare il file.

3. Utilizza uno dei seguenti comandi CLI per creare il componente:

   Tabella 1. Comandi CLI e scopi

   comando della CLI	Finalità
   ng g c <component-name> --project=store-extensions —skip-import	Generare un componente. Nota: da eseguire da questa posizione: SCREEN_EXTENSIONS_HOME/shared/components
   ng g directive <directive-name> --project=store-extensions —skip-import	Generare una direttiva. Nota: da eseguire da questa posizione: SCREEN_EXTENSIONS_HOME/shared/directives
   ng g pipe <pipe-name> --project=store-extensions —skip-import	Generare un tubo. Nota: per essere eseguito da questa posizione: il comando SCREEN_EXTENSIONS_HOME/shared/pipes
   ng g s <service-name> --project=store-extensions —skip-import	Generare un servizio. Nota: da eseguire da questa posizione: SCREEN_EXTENSIONS_HOME/shared/services

4. Aggiornare il componente, la direttiva o il nome della classe pipe appena creati nella proprietà dei provider del decoratore @NgModule in shared-extension.module.ts.

   Allo stesso modo, se si crea un provider o un servizio nella cartella SCREEN_EXTENSIONS_HOME/shared/services , il nome della classe di servizi deve trovarsi nella proprietà di dichiarazione ed esportazione di @NgModule decorator in shared-extension.module.ts.