47 lines
1.3 KiB
Markdown
47 lines
1.3 KiB
Markdown
@cheatsheetSection
|
||
Component configuration
|
||
@cheatsheetIndex 6
|
||
@description
|
||
{@target js}`ng.core.Component` extends `ng.core.Directive`,
|
||
so the `ng.core.Directive` configuration applies to components as well{@endtarget}
|
||
{@target ts dart}`@Component` extends `@Directive`,
|
||
so the `@Directive` configuration applies to components as well{@endtarget}
|
||
|
||
@cheatsheetItem
|
||
syntax(ts dart):
|
||
`viewProviders: [MyService, provide(...)]`|`viewProviders:`
|
||
syntax(js):
|
||
`viewProviders: [MyService, ng.core.provide(...)]`|`viewProviders:`
|
||
description:
|
||
Array of dependency injection providers scoped to this component's view.
|
||
|
||
|
||
@cheatsheetItem
|
||
syntax:
|
||
`template: 'Hello {{name}}'
|
||
templateUrl: 'my-component.html'`|`template:`|`templateUrl:`
|
||
description:
|
||
Inline template / 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 / external stylesheet URLs for styling component’s view.
|
||
|
||
|
||
@cheatsheetItem
|
||
syntax:
|
||
`directives: [MyDirective, MyComponent]`|`directives:`
|
||
description:
|
||
List of directives used in the the component’s template.
|
||
|
||
|
||
@cheatsheetItem
|
||
syntax:
|
||
`pipes: [MyPipe, OtherPipe]`|`pipes:`
|
||
description:
|
||
List of pipes used in the component's template.
|