Angular 2-メタデータ

メタデータを使用してクラスを修飾し、クラスの予想される動作を構成できるようにします。以下は、メタデータのさまざまな部分です。

注釈-これらはクラスレベルのデコレータです。これは配列であり、@ Componentデコレータと@Routesデコレータの両方を持つ例です。

以下は、app.component.tsファイルにあるサンプルコードです。

@Component ({
   selector: 'my-app',
   templateUrl: 'app/app.componentl'
})

コンポーネントデコレータは、app.component.tsファイル内のクラスをコンポーネントとして宣言するために使用されます。

以下はコード例です。

export class AppComponent {
   @Environment(‘test’)
   appTitle: string = 'Welcome';
}

ここで、@ EnvironmentはプロパティappTitleに適用されるメタデータであり、指定された値は「test」です。

パラメータ-これは、コンストラクタレベルでデコレータによって設定されます。

以下はコード例です。

export class AppComponent {
   constructor(@Environment(‘test’ private appTitle:string) { }
}

上記の例では、メタデータはコンストラクターのパラメーターに適用されます。

Angular2-metadata