1.4 KiB
@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 js):
moduleId: module.id|moduleId:
description:
If set, the templateUrl and styleUrl is resolved relative to the component.
@cheatsheetItem
syntax(ts dart):
viewProviders: [MyService, { provide: ... }]|viewProviders:
syntax(js):
viewProviders: [MyService, { 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.