Lightning コンポーネント開発者ガイド
jコンポーネント参照での属性の設定
コンポーネントに <ui:button> などの別のコンポーネントを含める場合、それを <ui:button> へのコンポーネント参照と呼びます。<aura:set> を使用して、コンポーネント参照に属性を設定できます。たとえば、<ui:button> への参照がコンポーネントに含まれているとします。
1swfobject.registerObject("clippy.codeblock-0", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<ui:button label="Save">
18 <aura:set attribute="buttonTitle" value="Click to save the record"/>
19</ui:button>
20これは、次のステートメントと同等です。
1swfobject.registerObject("clippy.codeblock-1", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<ui:button label="Save" buttonTitle="Click to save the record" />
18この単純な例では、aura:set がない後者の構文のほうが適切です。コンポーネント参照でこの単純な構文を使用して、親コンポーネントから継承される属性の値を設定することもできます。
aura:set は、マークアップを属性値として設定する場合に効果的です。たとえば、このサンプルでは、aura:if タグの else 属性にマークアップを指定します。
1swfobject.registerObject("clippy.codeblock-2", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<aura:component>
18 <aura:attribute name="display" type="Boolean" default="true"/>
19 <aura:if isTrue="{!v.display}">
20 Show this if condition is true
21 <aura:set attribute="else">
22 <ui:button label="Save" press="{!c.saveRecord}" />
23 </aura:set>
24 </aura:if>
25</aura:component>