Refs
优质
小牛编辑
142浏览
2023-12-01
在本章中,您将看到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元素的引用。 我们将使用默认的类语法作为view-model 。
app.js
export class App { }
我们通过添加ref = "name"属性来创建对input元素的ref = "name" 。
app.html
<template>
<input type = "text" ref = "name"><br/>
<h3>${name.value}</h3>
</template>
当我们运行应用程序时,我们将看到输入到输入字段的文本在屏幕上呈现。