Aurelia-refs

アウレリア-参照

この章では、Aureliaの参照の簡単な例をいくつか紹介します。 これを使用して、特定のオブジェクトへの参照を作成できます。 次の表に示すように、要素または属性への参照を作成できます。

参照表

Sr.No	Example & Description
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* 要素への参照を作成しています。

appl

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

アプリを実行すると、入力フィールドに入力されたテキストが画面に表示されることがわかります。

Aurelia Refs Example