46 lines
1.3 KiB
Markdown
46 lines
1.3 KiB
Markdown
@cheatsheetSection
|
||
NgModules
|
||
@cheatsheetIndex 1
|
||
@description
|
||
{@target ts js}`import { NgModule } from '@angular/core';`{@endtarget}
|
||
|
||
@cheatsheetItem
|
||
syntax(ts js):
|
||
`@NgModule({ declarations: ... , imports: ..., exports: ..., bootstrap: ...})
|
||
class MyModule {}`|`NgModule`
|
||
description:
|
||
Defines a module that contains components, directives, pipes and providers.
|
||
|
||
|
||
@cheatsheetItem
|
||
syntax(ts js):
|
||
`declarations: [MyRedComponent, MyBlueComponent, MyDatePipe]`|`declarations:`
|
||
description:
|
||
List of components, directives and pipes that belong to this module.
|
||
|
||
@cheatsheetItem
|
||
syntax(ts js):
|
||
`imports: [BrowserModule, SomeOtherModule]`|`imports:`
|
||
description:
|
||
List of modules that are being imported into this module. Everything from the imported modules will
|
||
be available to `declarations` of this module.
|
||
|
||
@cheatsheetItem
|
||
syntax(ts js):
|
||
`exports: [MyRedComponent, MyDatePipe]`|`exports:`
|
||
description:
|
||
List of components, directives and pipes that will be visible to modules that import this module.
|
||
|
||
@cheatsheetItem
|
||
syntax(ts js):
|
||
`providers: [MyService, { provide: ... }]`|`providers:`
|
||
description:
|
||
Array of dependency injection providers visible to contents of this module as well as everyone
|
||
importing this module.
|
||
|
||
@cheatsheetItem
|
||
syntax(ts js):
|
||
`bootstrap: [MyAppComponent]`|`bootstrap:`
|
||
description:
|
||
Array of components to bootstrap when this module is bootstrapped.
|