Angular 2 - 元資料



元資料用於裝飾類,以便可以配置類的預期行為。以下是元資料的不同部分。

註解 - 這些是類級別的裝飾器。這是一個數組,並且一個示例同時具有 @Component 和 @Routes 裝飾器。

以下是一個示例程式碼,它存在於 app.component.ts 檔案中。

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

元件裝飾器用於在 app.component.ts 檔案中將類宣告為元件。

  • Design:paramtypes - 這些僅用於建構函式,並且僅應用於 Typescript。

  • propMetadata - 這是應用於類屬性的元資料。

以下是一個示例程式碼。

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

這裡,@Environment 是應用於屬性 appTitle 的元資料,給定的值為“test”。

引數 - 這是由建構函式級別的裝飾器設定的。

以下是一個示例程式碼。

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

在上面的示例中,元資料應用於建構函式的引數。

廣告