Aurelia - Rif

In questo capitolo, vedrai alcuni semplici esempi di Aurelia refs. Puoi usarlo per creare un riferimento a un oggetto particolare. È possibile creare un riferimento a elementi o attributi, come mostrato nella tabella seguente.

Tabella di riferimento

Suor n	Esempio e descrizione
1	ref = "myRef" Utilizzato per creare un riferimento all'elemento DOM.
2	attribute-name.ref = "myRef" Utilizzato per creare un riferimento al modello di visualizzazione dell'attributo personalizzato.
3	view-model.ref = "myRef Utilizzato per creare un riferimento al modello di visualizzazione dell'elemento personalizzato.
4	view.ref = "myRef" Utilizzato per creare un riferimento all'istanza di visualizzazione degli elementi personalizzati.
5	rcontroller.ref = "myRef" Utilizzato per creare un riferimento all'istanza del controller dell'elemento personalizzato.

Nell'esempio seguente, creeremo un riferimento a inputelemento. Useremo la sintassi della classe predefinita come fileview-model.

app.js

export class App { }

Stiamo creando un riferimento a input elemento aggiungendo il ref = "name" attributo.

app.html

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

Quando eseguiamo l'app, vedremo che il testo inserito nel campo di input viene visualizzato sullo schermo.