angular-docs-cn/modules/angular2/docs/cheatsheet/class-decorators.md

1.7 KiB

@cheatsheetSection Class decorators @cheatsheetIndex 4 @description {@target ts}import {Directive, ...} from 'angular2/core';{@endtarget} {@target js}Available from the ng.core namespace{@endtarget} {@target dart}import 'package:angular2/core.dart';{@endtarget}

@cheatsheetItem syntax(ts): @Component({...}) class MyComponent() {}|@Component({...}) syntax(js): var MyComponent = ng.core.Component({...}).Class({...})|ng.core.Component({...}) syntax(dart): @Component(...) class MyComponent() {}|@Component(...) description: Declares that a class is a component and provides metadata about the component.

@cheatsheetItem syntax(ts): @Pipe({...}) class MyPipe() {}|@Pipe({...}) syntax(js): var MyPipe = ng.core.Pipe({...}).Class({...})|ng.core.Pipe({...}) syntax(dart): @Pipe(...) class MyPipe() {}|@Pipe(...) description: Declares that a class is a pipe and provides metadata about the pipe.

@cheatsheetItem syntax(ts): @Injectable() class MyService() {}|@Injectable() syntax(js): var OtherService = ng.core.Class({constructor: function() { }}); var MyService = ng.core.Class({constructor: [OtherService, function(otherService) { }]});|var MyService = ng.core.Class({constructor: [OtherService, function(otherService) { }]}); syntax(dart): @Injectable() class MyService() {}|@Injectable() description: {@target ts dart}Declares that a class has dependencies that should be injected into the constructor when the dependency injector is creating an instance of this class. {@endtarget} {@target js} Declares a service to inject into a class by providing an array with the services with the final item being the function which will receive the injected services. {@endtarget}