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.1 KiB
@cheatsheetSection
Component configuration
@cheatsheetIndex 7
@description
{@target js}ng.core.Component
extends ng.core.Directive
,
so the ng.core.Directive
configuration applies to components as well{@endtarget}
{@target ts}@Component
extends @Directive
,
so the @Directive
configuration applies to components as well{@endtarget}
@cheatsheetItem
syntax:
moduleId: module.id
|moduleId:
description:
If set, the templateUrl
and styleUrl
are resolved relative to the component.
@cheatsheetItem
syntax(ts):
viewProviders: [MyService, { provide: ... }]
|viewProviders:
syntax(js):
viewProviders: [MyService, { provide: ... }]
|viewProviders:
description:
List of dependency injection providers scoped to this component's view.
@cheatsheetItem
syntax:
template: 'Hello {{name}}' templateUrl: 'my-component.html'
|template:
|templateUrl:
description:
Inline template or external template URL of the component's view.
@cheatsheetItem
syntax:
styles: ['.primary {color: red}'] styleUrls: ['my-component.css']
|styles:
|styleUrls:
description:
List of inline CSS styles or external stylesheet URLs for styling the component’s view.