All the docs related files (docs-app, doc-gen, content, etc) are now to be found inside the `/aio` folder. The related gulp tasks have been moved from the top level gulp file to a new one inside the `/aio` folder. The structure of the `/aio` folder now looks like: ``` /aio/ build/ # gulp tasks content/ #MARKDOWN FILES for devguides, cheatsheet, etc devguides/ cheatsheets/ transforms/ #dgeni packages, templates, etc src/ app/ assets/ content/ #HTML + JSON build artifacts produced by dgeni from /aio/content. #This dir is .gitignored-ed e2e/ #protractor tests for the doc viewer app node_modules/ #dependencies for both the doc viewer builds and the dgeni stuff #This dir is .gitignored-ed gulpfile.js #Tasks for generating docs and building & deploying the doc viewer ``` Closes #14361
1.8 KiB
@cheatsheetSection
NgModules
@cheatsheetIndex 1
@description
{@target ts}import { NgModule } from '@angular/core';
{@endtarget}
{@target js}Available from the ng.core
namespace{@endtarget}
@cheatsheetItem
syntax(ts):
@NgModule({ declarations: ..., imports: ..., exports: ..., providers: ..., bootstrap: ...}) class MyModule {}
|NgModule
description:
Defines a module that contains components, directives, pipes, and providers.
syntax(js):
ng.core.NgModule({declarations: ..., imports: ..., exports: ..., providers: ..., bootstrap: ...}). Class({ constructor: function() {}})
description:
Defines a module that contains components, directives, pipes, and providers.
@cheatsheetItem
syntax:
declarations: [MyRedComponent, MyBlueComponent, MyDatePipe]
|declarations:
description:
List of components, directives, and pipes that belong to this module.
@cheatsheetItem
syntax(ts):
imports: [BrowserModule, SomeOtherModule]
|imports:
description:
List of modules to import into this module. Everything from the imported modules
is available to declarations
of this module.
syntax(js):
imports: [ng.platformBrowser.BrowserModule, SomeOtherModule]
|imports:
description:
List of modules to import into this module. Everything from the imported modules
is available to declarations
of this module.
@cheatsheetItem
syntax:
exports: [MyRedComponent, MyDatePipe]
|exports:
description:
List of components, directives, and pipes visible to modules that import this module.
@cheatsheetItem
syntax:
providers: [MyService, { provide: ... }]
|providers:
description:
List of dependency injection providers visible both to the contents of this module and to importers of this module.
@cheatsheetItem
syntax:
bootstrap: [MyAppComponent]
|bootstrap:
description:
List of components to bootstrap when this module is bootstrapped.