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.