Aurelia - 参考

在本章中,您将看到Aurelia refs的一些简单示例.您可以使用它来创建对特定对象的引用.您可以创建对元素或属性的引用,如下表所示.

参考表

Sr.No示例&描述
1

ref ="myRef"

用于创建对DOM元素的引用.

2

attribute-name.ref ="myRef"

用于创建对自定义属性视图的引用 - 模型.

3

view-model.ref ="myRef

用于创建对自定义元素的视图模型的引用.

4

view.ref ="myRef"

用于创建对自定义元素视图实例的引用.

5

rcontroller.ref ="myRef"

用于创建对自定义元素控制器实例的引用.

在以下示例中,我们将创建对 input 元素的引用.我们将使用默认的类语法作为视图模型.

app.js

export class App { }

我们通过添加创建对输入元素的引用ref ="name"属性.

app.html

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

当我们运行应用程序时,我们会看到输入到输入字段的文本会在屏幕上呈现.

Aurelia Refs Example