Aurelia - nr ref

W tym rozdziale zobaczysz kilka prostych przykładów referencji Aurelia. Możesz go użyć do utworzenia odniesienia do określonego obiektu. Możesz utworzyć odniesienie do elementów lub atrybutów, jak pokazano w poniższej tabeli.

Tabela referencyjna

Sr.No	Przykład i opis
1	ref = "myRef" Służy do tworzenia odniesienia do elementu DOM.
2	attribute-name.ref = "myRef" Służy do tworzenia odniesienia do modelu widoku atrybutu niestandardowego.
3	view-model.ref = "myRef Służy do tworzenia odniesienia do modelu widoku elementu niestandardowego.
4	view.ref = "myRef" Służy do tworzenia odniesienia do instancji widoku elementów niestandardowych.
5	rcontroller.ref = "myRef" Służy do tworzenia odwołania do instancji kontrolera elementu niestandardowego.

W poniższym przykładzie utworzymy odwołanie do inputelement. Użyjemy domyślnej składni klasy jako plikuview-model.

app.js

export class App { }

Tworzymy odniesienie do input element, dodając ref = "name" atrybut.

app.html

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

Po uruchomieniu aplikacji zobaczymy, że tekst wpisany w pole wejściowe jest renderowany na ekranie.