Lightning コンポーネント開発者ガイド
jlightning:formattedNumber
小数、通貨、およびパーセントの書式設定された数値を表示します。
lightning:formattedNumber コンポーネントは、小数、通貨、およびパーセントの書式設定された数値を表示します。アプリケーションのユーザ設定に設定されているロケールによって数値の書式が決まります。
このコンポーネントには、アプリケーションでの数値の書式設定処理方法を指定する属性がいくつかあります。これらの属性の中には minimumSignificantDigits と maximumSignificantDigits があります。有効数字とは数値の精度のことです。たとえば、1000 の有効数字は 1 ですが、1000.0 の有効数字は 5 です。
この例では、書式設定された数値は $5,000.00 と表示されます。
1<aura:component>
2 <lightning:formattedNumber value="5000" style="currency" currency="USD" />
3</aura:component>この例では、書式設定された数値は 50% と表示されます。
1<aura:component>
2 <lightning:formattedNumber value="0.5" style="percent" />
3</aura:component>属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| currencyCode | String | style='currency' の場合のみ使用します。この属性は、どの通貨が表示されるかを決定します。使用できる値は、ISO 4217 通貨コード (米ドルを示す「USD」など) です。 | |
| currencyDisplayAs | String | 通貨を表示する方法を決定します。使用できる値は、symbol、code、name です。この値のデフォルトは symbol です。 | |
| maximumFractionDigits | Integer | 使用できる小数点以下の最大桁数。 | |
| maximumSignificantDigits | Integer | 使用できる有効数字の最大値。使用できる値は 1 ～ 21 です。 | |
| minimumFractionDigits | Integer | 使用しなければならない小数点以下の最小桁数。 | |
| minimumIntegerDigits | Integer | 使用しなければならない整数の最小桁数。使用できる値は 1 ～ 21 です。 | |
| minimumSignificantDigits | Integer | 使用しなければならない有効数字の最小値。使用できる値は 1 ～ 21 です。 | |
| style | String | 使用する数値書式スタイル。使用できる値は、decimal、currency、percent です。この値のデフォルトは decimal です。 | |
| value | BigDecimal | 書式設定する値。 | はい |