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

入力コンポーネントの表示ラベル

表示ラベルで、入力コンポーネントの目的を説明します。入力コンポーネントの表示ラベルを設定するには、label 属性を使用します。

次の例に、入力コンポーネントの label 属性で表示ラベルを使用する方法を示します。

1<lightning:input type="number" name="myNumber" label="Pick a Number:" value="54" />

表示ラベルは入力項目の左側に配置されますが、variant="label-hidden" を設定して非表示にすることもできます。slds-assistive-text クラスを表示ラベルに適用してアクセシビリティをサポートします。

$Label の使用

$Label グローバル値プロバイダを使用して、外部ソースに保存された表示ラベルにアクセスします。以下に例を示します。

1<lightning:input type="number" name="myNumber" label="{!$Label.Number.PickOne}" />

表示ラベルを出力して動的に更新するには、format() 式の関数を使用します。たとえば、np.labelName を Hello {0} に設定し、v.name を World に設定した場合、次の式で Hello World が返されます。

1{!format($Label.np.labelName, v.name)}