Аурелия - Ссылки

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

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

Старший Нет Пример и описание
1

ref = "myRef"

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

2

attribute-name.ref = "myRef"

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

3

view-model.ref = "myRef

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

4

view.ref = "myRef"

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

5

rcontroller.ref = "myRef"

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

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

app.js

export class App { }

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

app.html

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

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