この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

コンポーネントのボディ

すべてのコンポーネントのルートレベルタグは <aura:component> です。すべてのコンポーネントは <aura:component> から body 属性を継承します。

body 属性の型は Aura.Component[] です。1 つのコンポーネントの配列にすることも、空の配列にすることもできますが、常に配列です。

コンポーネントでは、属性のコレクションにアクセスするには「v」を使用します。たとえば、{!v.body} はコンポーネントのボディを出力します。

ボディコンテンツの設定

継承された属性の値を設定するには、<aura:set> タグを使用します。

<aura:component> 内で使用できるのは数種類のタグのみです。これには <aura:attribute>、<aura:registerEvent>、<aura:handler>、<aura:set> などがあります。コンポーネント内で許可されるタグのいずれかで囲まれていない独立したマークアップは、ボディの一部と見なされます。これは、その独立したマークアップを <aura:set attribute="body"> 内にラップするのと同じです。body 属性にはこの特殊な動作があるため、<aura:set attribute="body"> を省略できます。

1swfobject.registerObject("clippy.codeblock-0", "9");<aura:component>
2    <div>Body part</div>
3    <ui:button label="Push Me/>
4</aura:component>
5

これは次の指定を簡易にしたものです。

1swfobject.registerObject("clippy.codeblock-1", "9");<aura:component>
2    <aura:set attribute="body>
3        <div>Body part</div>
4        <ui:button label="Push Me/>
5    </aura:set>
6</aura:component>
7

<aura:component> だけでなく、body 属性があるどのコンポーネントを使用する場合も同様です。次に例を示します。

1swfobject.registerObject("clippy.codeblock-2", "9");<ui:panel>
2    Hello world!
3</ui:panel>
4

これは次の指定を簡易にしたものです。

1swfobject.registerObject("clippy.codeblock-3", "9");<ui:panel>
2    <aura:set attribute="body">
3        Hello World!
4    </aura:set>
5</ui:panel>
6