Aurelia - 引用

本章將展示一些 Aurelia 引用的簡單示例。您可以使用它來建立對特定物件的引用。您可以建立對元素或屬性的引用，如下表所示。

引用表

序號	示例及說明
1	ref = "myRef" 用於建立對 DOM 元素的引用。
2	attribute-name.ref = "myRef" 用於建立對自定義屬性的檢視模型的引用。
3	view-model.ref = "myRef" 用於建立對自定義元素的檢視模型的引用。
4	view.ref = "myRef" 用於建立對自定義元素檢視例項的引用。
5	rcontroller.ref = "myRef" 用於建立對自定義元素的控制器例項的引用。

在下面的示例中，我們將建立一個對input元素的引用。我們將使用預設的類語法作為檢視模型。

export class App { }

我們透過新增ref = "name"屬性來建立對input元素的引用。

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

執行應用程式後，您將看到輸入欄位中輸入的文字會渲染到螢幕上。

列印頁面