¿Cuál es el uso de los hashtags de Angular 2 en la plantilla?

El hashtag Angular2 es una sintaxis utilizada para declarar el elemento DOM como variable y estas plantillas se representan como un archivo HTML.

  • #: declaración de variables
  • (): enlace de evento
  • []: enlace de propiedad
  • [()]: enlace de propiedad bidireccional
  • {{}}: interpolación

Las variables de referencia de plantilla son una pequeña joya que permite hacer muchas cosas buenas con Angular. Se basa en un simple hashtag para crear una referencia a un elemento en una plantilla.
Sintaxis: 

<input #searchBox keyword="search(searchBox.value)">

En la sintaxis anterior, crea una referencia al elemento de entrada que se puede usar más adelante en las plantillas.
Ejemplo: 

javascript

import {Component} from 'angular2/core';
 
@Component({
   selector: 'pv-app',
   templateUrl: 'components/harry/hello.component.html'
})
 
export class pvApp {}import {Component} from 'angular2/core';
 
@Component({
   selector: 'pv-app',
   templateUrl: 'components/pv/hello.component.html'
})
 
export class pvApp {}
<input type="text" #pv>
 {{ pv.value }}

En el ejemplo anterior, pv se refiere a la instancia de objeto del elemento HTML para la entrada. Entonces, pv tiene todas las propiedades y métodos de HTML Elements. (identificación, nombre, etc.)
 

Publicación traducida automáticamente

Artículo escrito por priyankvamja2000 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *