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

式

式を使用すると、コンポーネントのマークアップ内で計算することや、プロパティ値やその他のデータにアクセスすることができます。式は、動的出力や、値を属性に割り当ててコンポーネントに渡す場合に使用します。

式はリテラル値、変数、サブ式、演算子などで構成され、1 つの値に解決されます。メソッドコールは式に使用できません。

式の構文は、{!expression} です。

expression は、式のプレースホルダです。

コンポーネントが表示されるとき、またはコンポーネントが値を使用するときに、{! } 区切り文字内にあるすべてが評価され、動的に置換されます。空白文字は無視されます。

結果は、整数、文字列、boolean などのプリミティブ値になります。また、JavaScript オブジェクト、コンポーネントまたはコレクション、コントローラメソッド (アクションメソッドなど)、その他の有益な値のこともあります。

他の言語に慣れている場合、! を「感嘆符」演算子と混同することがあります (これは、多くのプログラミング言語で boolean 値を否定する演算子です)。Lightning コンポーネントフレームワークでは、{! は式の先頭に使用する単なる区切り文字です。

Visualforce を使い慣れている場合は、この構文も目にしています。

メモ

ビュー、コントローラの値、または表示レベルからアクセスする属性名など、式の識別子は、先頭を文字または下線にする必要があります。2 文字目以降には数字やハイフンも使用できます。たとえば、{!v.2count} は有効ではありませんが、{!v.count} は有効です。

{! } 構文は、.app または .cmp ファイルのマークアップのみで使用します。JavaScript では、文字列構文を使用して式を評価します。次に例を示します。

1swfobject.registerObject("clippy.codeblock-0", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17var theLabel = cmp.get("v.label");

重要

{! をエスケープする場合は、次の構文を使用します。

1swfobject.registerObject("clippy.codeblock-1", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<aura:text value="{!"/>

aura:text コンポーネントは {! を式の先頭と解釈しないため、プレーンテキストではこの構文が {! と表示されます。

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