Aurelia - 引用

• 

  简述

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

  参考表

  序号	示例和说明
  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.

  应用程序.js

  
  export class App { }    
  

  我们正在创建一个参考input通过添加元素ref = "name"属性。

  应用程序.html

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

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