在本章中,您将看到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
${name.value}
当我们运行应用程序时,我们会看到输入到输入字段的文本会在屏幕上呈现.