Aurelia - 参考

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

参考表

先生编号	示例和描述
1	参考 =“我的参考” 用于创建对 DOM 元素的引用。
2	属性名称.ref = "myRef" 用于创建对自定义属性的视图模型的引用。
3	view-model.ref = "myRef 用于创建对自定义元素的视图模型的引用。
4	view.ref =“myRef” 用于创建对自定义元素视图实例的引用。
5	rcontroller.ref =“myRef” 用于创建对自定义元素的控制器实例的引用。

在下面的示例中，我们将创建对输入元素的引用。我们将使用默认的类语法作为视图模型。

export class App { }

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

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

当我们运行应用程序时，我们将看到输入字段中输入的文本呈现在屏幕上。