Angular 2 - Metadados

Metadados são usados ​​para decorar uma classe de forma que possa configurar o comportamento esperado da classe. A seguir estão as diferentes partes dos metadados.

Annotations- Estes são decoradores em nível de classe. Este é um array e um exemplo com o decorador @Component e @Routes.

A seguir está um código de amostra, que está presente no arquivo app.component.ts.

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

O decorador de componente é usado para declarar a classe no arquivo app.component.ts como um componente.

  • Design:paramtypes - Eles são usados ​​apenas para os construtores e aplicados apenas ao Typescript.

  • propMetadata - São os metadados que são aplicados às propriedades da classe.

A seguir está um código de exemplo.

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

Aqui, o @Environment são os metadados aplicados à propriedade appTitle e o valor fornecido é 'test'.

Parameters - Isso é definido pelos decoradores no nível do construtor.

A seguir está um código de exemplo.

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

No exemplo acima, os metadados são aplicados aos parâmetros do construtor.