¿Qué es decorador en angular 2?

Como decorador de patrones de diseño:

  • Adjunta responsabilidades adicionales a un objeto dinámicamente
  • Ofrece una alternativa flexible a la subclasificación para ampliar la funcionalidad

Mientras está en TypeScript (usado en Angular v2 en adelante):

  • Proporciona una forma de agregar anotaciones y metadatos a la declaración de clase, método, descriptor de acceso, propiedad o parámetro
  • Característica experimental que puede cambiar en futuras versiones.

En Angular 2/4/5, casi todo es una clase, para diferenciar el uso de la clase / lo que significa que se adjunta un decorador que también se conoce como MetaData.

Por ejemplo, para marcar una clase como componente angular, se @Component decorador @Component .

importar {Componente} desde ‘@ angular / core’;

@Componente({
selector: ‘demo’,
plantilla: ‘¡Hola {{name}}!’
})
clase de exportación DemoComponent {
nombre: cadena = ‘Mundo’;
}

En el ejemplo anterior, la clase DemoComponent no es solo una clase, sino un componente angular, que tiene un decorador adjunto (también conocido como metadatos) que le dice a Angular cómo procesar una clase.

Hay muchos decoradores disponibles, como @Directive , @Injectable , @NgModule , etc., aplicados a las clases según el uso. Encuentra todos los decoradores disponibles aquí.

Trataré de responder esta pregunta de la manera más simple posible (aunque se necesita un poco de conocimiento angular y de programación).

  • En angular, crea clases para todo, ya sean componentes, servicios, directivas, etc.
  • Entonces, ¿cómo funciona el compilador angular que compila su código y lo transforma en scripts que están listos para ejecutarse en el navegador? Esto sucede debido a los decoradores. En términos simples, los decoradores le permiten adjuntar metadatos con la clase de script de tipo usando qué angular sabe si esa clase es un componente o directiva o módulo o etc.

Entonces, en pocas palabras usando decoradores, literalmente decoras una clase de mecanografiado como componente, directiva, etc.

En caso de que sea nuevo en angular y esté interesado en aprender más sobre angular, puede consultar el curso angular 4 gratuito para principiantes de Edureka a continuación (publicado como lista de reproducción de YouTube):

Un decorador es una función que agrega metadatos a una clase, sus miembros o sus argumentos de método.

Normalmente prefijado con una ‘@’

Por ejemplo, considere un componente decorador angular incorporado

@Componente({
selector: ‘app-root’,
plantilla: `

Componente angular simple

`
})

Los decoradores son funciones que se invocan con un símbolo @ prefijo. Esos proporcionan metadatos adicionales sobre la clase.

@Componente({
selector: ‘mi-aplicación’,
plantilla: `

Hola

`
})
saludos de clase de exportación {
}

Observe el @Component aquí que se coloca encima de la clase. Si elimina este, no queda mucho en esta clase.

Hola amigo…., Decorator en angularjs es un tema muy largo y completamente cubierto de codificaciones.

así que simplemente te di un enlace, debes referir ese sitio web para aprender el decorador en angular2 ..

Entrenamiento AngularJS | Formación en línea de AngularJS | Gangboard

Gracias..,

Angular