Lightning コンポーネント開発者ガイド
j条件式
3 項演算子と <aura:if> タグを使用した条件式の例を示します。
3 項演算子
次の式は、3 項演算子を使用して、2 つの値のいずれかを条件に応じて出力します。
1<a class="{!v.location == '/active' ? 'selected' : ''}" href="#/active">Active</a>{!v.location == '/active' ? 'selected' : ''} 式は、location 属性が /active に設定されているかどうかを確認して、HTML <a> タグの class 属性を条件に応じて設定します。true の場合は、式が class を selected に設定します。
条件付きマークアップでの <aura:if> の使用
マークアップの次のスニペットは、<aura:if> タグを使用して、編集ボタンを条件に応じて表示します。
1<aura:attribute name="edit" type="Boolean" default="true"/>
2<aura:if isTrue="{!v.edit}">
3 <ui:button label="Edit"/>
4 <aura:set attribute="else">
5 You can’t edit this.
6 </aura:set>
7</aura:if>edit 属性が true に設定されている場合は、ui:button が表示されます。それ以外の場合は、else 属性のテキストが表示されます。