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