
- Angular 2 教程
- Angular 2 - 首頁
- Angular 2 - 概述
- Angular 2 - 環境
- Angular 2 - Hello World
- Angular 2 - 模組
- Angular 2 - 架構
- Angular 2 - 元件
- Angular 2 - 模板
- Angular 2 - 指令
- Angular 2 - 元資料
- Angular 2 - 資料繫結
- 使用 HTTP 的 CRUD 操作
- Angular 2 - 錯誤處理
- Angular 2 - 路由
- Angular 2 - 導航
- Angular 2 - 表單
- Angular 2 - CLI
- Angular 2 - 依賴注入
- Angular 2 - 高階配置
- Angular 2 - 第三方控制元件
- Angular 2 - 資料顯示
- Angular 2 - 處理事件
- Angular 2 - 資料轉換
- Angular 2 - 自定義管道
- Angular 2 - 使用者輸入
- Angular 2 - 生命週期鉤子
- Angular 2 - 巢狀容器
- Angular 2 - 服務
- Angular 2 有用資源
- Angular 2 - 問答
- Angular 2 - 快速指南
- Angular 2 - 有用資源
- Angular 2 - 討論
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) { } }
在上面的示例中,元資料應用於建構函式的引數。
廣告