Aurelia - Réfs

Dans ce chapitre, vous verrez quelques exemples simples de références Aurelia. Vous pouvez l'utiliser pour créer une référence à un objet particulier. Vous pouvez créer une référence à des éléments ou des attributs, comme indiqué dans le tableau suivant.

Tableau de référence

Sr. Non	Exemple et description
1	ref = "myRef" Utilisé pour créer une référence à un élément DOM.
2	attribute-name.ref = "myRef" Utilisé pour créer une référence au modèle de vue de l'attribut personnalisé.
3	view-model.ref = "myRef Utilisé pour créer une référence au modèle de vue de l'élément personnalisé.
4	view.ref = "myRef" Utilisé pour créer une référence à une instance de vue d'éléments personnalisés.
5	rcontroller.ref = "myRef" Utilisé pour créer une référence à l'instance de contrôleur d'élément personnalisé.

Dans l'exemple suivant, nous allons créer une référence au inputélément. Nous utiliserons la syntaxe de classe par défaut commeview-model.

app.js

export class App { }

Nous créons une référence à la input élément en ajoutant le ref = "name" attribut.

app.html

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

Lorsque nous exécutons l'application, nous verrons que le texte entré dans le champ de saisie est rendu à l'écran.