Aurelia教程

Aurelia 参考

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

参考表

示例和说明
ref = "myRef"
用于创建对DOM元素的引用。
attribute-name.ref = "myRef"
用于创建对自定义属性的视图模型的引用。
view-model.ref = "myRef
用于创建对自定义元素的视图模型的引用。
view.ref = "myRef"
用于创建对自定义元素视图实例的引用。
rcontroller.ref = "myRef"
用于创建对自定义元素的控制器实例的引用。
在以下示例中,我们将创建对 input 元素的引用。我们将使用默认的类语法作为 view-model

app.js

export class App { }    
我们通过添加 ref = "name" 属性来创建对 input 元素的引用。

app.html

<template>
   <input type = "text" ref = "name"><br/>
   <h3>${name.value}</h3>
</template>    
当我们运行应用程序时,我们将看到输入字段中输入的文本呈现在屏幕上。
Aurelia 参考示例
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4