Аурелия — Рефс

В этой главе вы увидите несколько простых примеров рефери Аурелии. Вы можете использовать его для создания ссылки на определенный объект. Вы можете создать ссылку на элементы или атрибуты, как показано в следующей таблице.

Справочная таблица

ref = «myRef»

Используется для создания ссылки на элемент DOM.

attribute-name.ref = «myRef»

Используется для создания ссылки на модель представления пользовательского атрибута.

view-model.ref = «myRef

Используется для создания ссылки на view-модель пользовательского элемента.

view.ref = «myRef»

Используется для создания ссылки на экземпляр представления пользовательских элементов.

rcontroller.ref = «myRef»

Используется для создания ссылки на экземпляр контроллера пользовательского элемента.

В следующем примере мы создадим ссылку на элемент ввода . Мы будем использовать синтаксис класса по умолчанию в качестве модели представления .

app.js

export class App { }    

Мы создаем ссылку на элемент ввода , добавляя атрибут ref = «name» .

app.html

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

Когда мы запустим приложение, мы увидим, что текст, введенный в поле ввода, отображается на экране.