Angular 9シリーズ(V)は金額通貨形式をフォーマットします

クズども · 掲載地 2020/06/04 10:47:28

Angular 9シリーズ(1)動的負荷成分
https://www.itsvse.com/thread-9238-1-1.html

Angular 9系列(2)動的成分伝送パラメータ
https://www.itsvse.com/thread-9245-1-1.html

Angular 9シリーズ(3)は動的コンポーネントイベントをサブスクライブします
https://www.itsvse.com/thread-9246-1-1.html

Angular 9シリーズ(IV)カスタムパイプパイプライン
https://www.itsvse.com/thread-9248-1-1.html

Angular 9シリーズ(V)は金額通貨形式をフォーマットします
https://www.itsvse.com/thread-9249-1-1.html

Angularフレームワークには数字を通貨にフォーマットするパイプラインが付属していますが、最初はそれをしませんでした。そこでインターネットで情報を見つけて自分で実装しました。コードは以下の通りです:

ログインが見えます。

接頭辞と接尾辞は対応しています。
実際にCurrencyPipeを直接使うこともできます。

カレンシーパイプ

数値を数値の文字列に変換し、グループのサイズ、区切り記号、十進文字、その他の局所化環境に関連する構成項目を決定するローカライゼーションルールに従ってフォーマットします。

値を入力します

任意の値

通貨としてフォーマットされる番号。

パラメーター

currencyCode	ストリング	ISO 4217の通貨コード(USDはUSD、EURはEUR)などがあります。デフォルトの通貨コードはDEFAULT_CURRENCY_CODEインジェクショントークンで設定可能です。任意です。デフォルト値は未定義です。
ディスプレイ	文字列 \| ブール値	有効な値を持つ通貨インジケーターの形式には以下が含まれます:コード:通貨コード(例:USD)を表示します。シンボル(デフォルト):通貨シンボル(例:$)を表示します。シンボルナロー:地域の狭まり記号を使用し、2つのシンボルを含みます。例えば、カナダドルにはCA$の記号があり、その狭義記号は$です。狭い記号がなければ、その領域は標準記号を使用します。文字列:通貨コードや記号の代わりに指定された文字列の値を使用します。例えば、空文字列は通貨コードや記号を除去します。ブール(v5から廃止):通貨記号の場合はtrue、通貨記号はfalse。任意です。デフォルト値は「シンボル」です。
数字情報	ストリング	数字を表示するオプションは、以下の形式の文字列で指定されます:{minIntegerDigits}。 {minFractionDigits}-{maxFractionDigits}。 minIntegerDigits:小数点以下の最小桁数。デフォルトは1です。 minFractionDigits:小数点以下の最小桁数。デフォルトは0です。 maxFractionDigits:小数点以降の最大数で、デフォルトは3です。提供されていない場合は、ISO 4217仕様に従って正しくフォーマットされています。例えば、カナダドルは2桁ですが、チリペソはそうではありません。任意です。デフォルト値は未定義です。
場所	ストリング	ローカライズされたフォーマットのコードを使うべきです。提供されない場合は、LOCALE_IDの値を使い、デフォルトはen-USとなります。「アプリのリージョン設定」を参照してください。任意です。デフォルト値は未定義です。

レンダリングは以下の通りです:

[角] Angular 9シリーズ(V)は金額通貨形式をフォーマットします

関連記事

閲覧したセクション