Angular 2 - Siêu dữ liệu

Siêu dữ liệu được sử dụng để trang trí một lớp để nó có thể định cấu hình hành vi mong đợi của lớp. Sau đây là các phần khác nhau cho siêu dữ liệu.

Annotations- Đây là những người trang trí ở cấp độ lớp. Đây là một mảng và một ví dụ có cả trình trang trí @Component và @Routes.

Sau đây là mã mẫu, có trong tệp app.component.ts.

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

Trình trang trí thành phần được sử dụng để khai báo lớp trong tệp app.component.ts như một thành phần.

  • Design:paramtypes - Chúng chỉ được sử dụng cho các hàm tạo và chỉ áp dụng cho các Typecript.

  • propMetadata - Đây là siêu dữ liệu được áp dụng cho các thuộc tính của lớp.

Sau đây là một mã ví dụ.

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

Ở đây, @Enosystem là siêu dữ liệu được áp dụng cho thuộc tính appTitle và giá trị được cung cấp là 'test'.

Parameters - Điều này được thiết lập bởi các decorator ở cấp constructor.

Sau đây là một mã ví dụ.

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

Trong ví dụ trên, siêu dữ liệu được áp dụng cho các tham số của hàm tạo.