angular-cn/modules/@angular/docs/cheatsheet/component-configuration.md

1.1 KiB
Raw Blame History

@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 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 components view.