Aurelia - Refs

Neste capítulo, você verá alguns exemplos simples de referências de Aurelia. Você pode usá-lo para criar uma referência a um objeto específico. Você pode criar uma referência a elementos ou atributos, como visto na tabela a seguir.

Tabela de Referência

Sr. Não	Exemplo e descrição
1	ref = "myRef" Usado para criar uma referência ao elemento DOM.
2	attribute-name.ref = "myRef" Usado para criar uma referência ao modelo de visualização do atributo personalizado.
3	view-model.ref = "myRef Usado para criar uma referência ao modelo de visualização do elemento personalizado.
4	view.ref = "myRef" Usado para criar uma referência a uma instância de visualização de elementos personalizados.
5	rcontroller.ref = "myRef" Usado para criar uma referência para a instância do controlador do elemento personalizado.

No exemplo a seguir, criaremos uma referência ao inputelemento. Usaremos a sintaxe de classe padrão como umview-model.

app.js

export class App { }

Estamos criando uma referência para o input elemento adicionando o ref = "name" atributo.

app.html

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

Ao executar o aplicativo, veremos que o texto inserido no campo de entrada é renderizado na tela.