Lightning コンポーネント開発者ガイド
jaura:valueChange
属性値が変更されたことを示します。
このイベントは、属性値が変更された場合に自動的に起動されます。aura:valueChange イベントは、クライアント側のコントローラで処理されます。コンポーネントに複数の <aura:handler name="change"> タグを設定して、さまざまな属性の変更を検出できます。
1<aura:handler name="change" value="{!v.items}" action="{!c.itemsChange}"/>次の例に、aura:valueChange イベントを自動的に起動する Boolean 値の更新を示します。
1<aura:component>
2 <aura:attribute name="myBool" type="Boolean" default="true"/>
3
4 <!-- Handles the aura:valueChange event -->
5 <aura:handler name="change" value="{!v.myBool}" action="{!c.handleValueChange}"/>
6 <ui:button label="change value" press="{!c.changeValue}"/>
7</aura:component>次のクライアント側コントローラのアクションは、値の変更をトリガし、それを処理します。
1({
2 changeValue : function (component, event, helper) {
3 component.set("v.myBool", false);
4 },
5
6 handleValueChange : function (component, event, helper) {
7 // handle value change
8 console.log("old value: " + event.getParam("oldValue"));
9 console.log("current value: " + event.getParam("value"));
10 }
11})valueChange イベントは、ハンドラのアクションで以前の値 (oldValue) と現在の値 (value) にアクセスできるようにします。この例では、oldValue が true を返し、value が false を返します。