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

aura:iteration

aura:iteration は、項目のコレクションを反復し、項目ごとにタグのボディを表示します。

コレクションのデータの変更は、ページに自動的に再表示されます。aura:iteration では、サーバ側の連動関係があるか、クライアント側で排他的に作成できるコンポーネントを含む反復がサポートされます。

属性名	型	説明
`body`	ComponentDefRef[]	必須。反復ごとにコンポーネントを作成する場合に使用するテンプレート。`body` には任意のマークアップを挿入できます。ComponentDefRef[] には、反復ごとに作成するコンポーネントインスタンスのメタデータが保存され、各インスタンスは `realbody` に保存されます。
`indexVar`	String	反復内の各項目のインデックスに使用する変数名。
`items`	List	必須。反復処理されるデータのコレクション。
`var`	String	必須。反復内の各項目に使用する変数名。

次の例に、HTML meter タグを使用してクライアント側で aura:iteration を排他的に使用する方法を示します。

1swfobject.registerObject("clippy.codeblock-0", "9");<aura:component>
2  <aura:iteration items="1,2,3,4,5" var="item">
3    <meter value="{!item / 5}"/><br/>
4  </aura:iteration>
5</aura:component>

出力には、1 ～ 5 の値を持つ 5 つの meter が昇順に表示されます。

サーバ側コントローラのデータの使用例

次の例に、カスタムオブジェクトのデータを表示する動的な反復を示します。

1swfobject.registerObject("clippy.codeblock-1", "9");<aura:component controller="namespace.MyObjectController">
2<aura:attribute name="myObject" type="namespace.myObject__c[]"/>
3  <aura:iteration items="{!v.myObject}" var="obj">
4    <!-- Display names of all accounts -->
5    {!obj.name}, {!obj.namespace__myField__c}
6  </aura:iteration>
7</aura:component>

Lightning コンポーネント開発者ガイド

No Results

aura:iteration

サーバ側コントローラのデータの使用例