Aurelia - Refs

En este capítulo, verá algunos ejemplos simples de Aurelia refs. Puede usarlo para crear una referencia a un objeto en particular. Puede crear una referencia a elementos o atributos, como se ve en la siguiente tabla.

Tabla de referencia

No Señor	Ejemplo y descripción
1	ref = "myRef" Se utiliza para crear una referencia al elemento DOM.
2	attribute-name.ref = "myRef" Se utiliza para crear una referencia al modelo de vista del atributo personalizado.
3	view-model.ref = "myRef Se utiliza para crear una referencia al modelo de vista del elemento personalizado.
4	view.ref = "myRef" Se utiliza para crear una referencia a la instancia de vista de elementos personalizados.
5	rcontroller.ref = "myRef" Se utiliza para crear una referencia a la instancia del controlador del elemento personalizado.

En el siguiente ejemplo, crearemos una referencia al inputelemento. Usaremos la sintaxis de clase predeterminada comoview-model.

app.js

export class App { }

Estamos creando una referencia al input elemento agregando el ref = "name" atributo.

app.html

<template>
   <input type = "text" ref = "name"><br/>
   <h3>${name.value}</h3>
</template>

Cuando ejecutamos la aplicación, veremos que el texto ingresado en el campo de entrada se representa en la pantalla.