Shared Module
Certains modules sont utilisés par quasiment tous les composants de l'application (e.g.: CommonModule, FlexLayoutModule, RouterModule). Les importer dans chaque module peut s'avérer pénible.
Il est courant de factoriser ces imports en rassemblant toutes ces dépendances dans un module SharedModule importé par quasiment tous les autres modules de l'application.
src/app/shared/shared.module.ts
1
@NgModule({
2
imports: SharedModule.MODULE_LIST,
3
exports: SharedModule.MODULE_LIST
4
})
5
export class SharedModule {
6
​
7
static readonly MODULE_LIST = [
8
CommonModule,
9
FlexLayoutModule,
10
RouterModule
11
];
12
​
13
}
Copied!
Attention à ne pas trop surcharger ce module et en faire un "God Module".
N'y importez que les modules nécessaires pour quasiment tous les composants de l'application.
Dernière mise à jour 2yr ago
Copier le lien