Plantillas en Angular

En Angular, una plantilla es un modelo para un fragmento de una interfaz de usuario (UI). Las plantillas están escritas en HTML y se puede usar una sintaxis especial dentro de una plantilla para desarrollar muchas de las características de Angular.

Angular amplía la sintaxis HTML en sus plantillas con funcionalidad adicional.
Por ejemplo, la sintaxis de enlace de datos de Angular ayuda a establecer dinámicamente las propiedades del Modelo de objetos del documento (DOM).

Casi toda la sintaxis HTML es una sintaxis de plantilla válida. Sin embargo, debido a que una plantilla de Angular es solo un fragmento de la interfaz de usuario, no incluye elementos como <html>, <body> o <base>.

Nota:- Para eliminar el riesgo de ataques de inyección de secuencias de comandos, Angular no admite el elemento <script> en las plantillas. Angular ignora la etiqueta <script> y muestra una advertencia en la consola del navegador. Para obtener más información, consulte la página Seguridad.

Mostrar valor con interpolación

La interpolación se refiere a incrustar expresiones en el texto marcado. De forma predeterminada, la interpolación utiliza llaves dobles {{ y }} como delimitadores.

Ejemplo:

aplicación.componente.ts

message = "Here is the initialize message";

<p> {{message}} </p>

Ejemplo:-

<p>{{title}}</p>
<div><img alt="item" src="{{itemImageUrl}}"></div>

aplicación.componente.ts

message = "Here is the initialize message";
getMessage():string{
  return this.message;
}

<p>{{getMessage()}}</p>

Las declaraciones de plantilla son métodos o propiedades que puede usar en su HTML para responder a los eventos del usuario. Con declaraciones de plantilla, su aplicación puede involucrar a los usuarios a través de acciones como mostrar contenido dinámico o enviar formularios.

Ejemplo:-

(click) = "updateMessage()"
<button (click) = "updateMessage()">Update Message</button>

Al igual que las expresiones de plantilla, las declaraciones de plantilla utilizan un lenguaje que se parece a JavaScript. Sin embargo, el analizador de sentencias de plantilla difiere del analizador de expresiones de plantilla. Además, el analizador de declaraciones de plantilla admite específicamente asignaciones básicas (=) y expresiones de encadenamiento con punto y coma (;).

No se permite la siguiente sintaxis de expresión de plantilla y JavaScript:

1. nuevo
2. Operadores de incremento y decremento, ++ y —
3. Asignaciones de operadores, como += y -=
4. Los operadores bit a bit, como | y &
5. El operador de tubería