Aurelia - Refs

In diesem Kapitel sehen Sie einige einfache Beispiele für Aurelia-Refs. Sie können damit einen Verweis auf ein bestimmtes Objekt erstellen. Sie können einen Verweis auf Elemente oder Attribute erstellen, wie in der folgenden Tabelle dargestellt.

Referenztabelle

Sr.Nr.	Beispiel & Beschreibung
1	ref = "myRef" Wird zum Erstellen eines Verweises auf das DOM-Element verwendet.
2	attribute-name.ref = "myRef" Wird zum Erstellen eines Verweises auf das Ansichtsmodell eines benutzerdefinierten Attributs verwendet.
3	view-model.ref = "myRef Wird zum Erstellen eines Verweises auf das Ansichtsmodell eines benutzerdefinierten Elements verwendet.
4	view.ref = "myRef" Wird zum Erstellen eines Verweises auf die Ansichtsinstanz für benutzerdefinierte Elemente verwendet.
5	rcontroller.ref = "myRef" Wird zum Erstellen eines Verweises auf die Controller-Instanz eines benutzerdefinierten Elements verwendet.

Im folgenden Beispiel erstellen wir einen Verweis auf die inputElement. Wir werden die Standardklassensyntax als verwendenview-model.

app.js.

export class App { }

Wir erstellen einen Verweis auf die input Element durch Hinzufügen der ref = "name" Attribut.

app.html

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

Wenn wir die App ausführen, sehen wir, dass der in das Eingabefeld eingegebene Text auf dem Bildschirm gerendert wird.