数値Pipe - Angular 2のパラメータは何ですか

Question

下のナンバーパイプを使用して、数値を小数点以下2桁に制限しています。

{{ exampleNumber | number : '1.2-2' }}

「1.2-2」の背後にある論理は何だろうと思いましたか。私はこれらを試してみましたが、小数点以下の桁数がゼロになるが無駄にはならないパイプを実現しようとしました。

Answer 1

パラメータの構文は以下のとおりです。

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

だからあなたの'1.2-2'の例は、

• 小数点の前に最低1桁が表示されます
• 小数点以下2桁以上表示されます
• しかし2桁以下

Answer 2

DOCS から

数値をテキストとしてフォーマットします。グループのサイズ設定、区切り文字、およびその他のロケール固有の設定は、アクティブなロケールに基づいています。

構文：

number_expression | number[:digitInfo[:locale]]

ここで、expressionは数値です。

digitInfoは、次の形式のストリングです。

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

• minIntegerDigitsは使用する整数桁の最小数です。デフォルトは1です。
• minFractionDigitsは最小桁数です
• 分数後デフォルトは0です。maxFractionDigitsは、小数部の後の最大桁数です。デフォルトは3です。
• localeは使用するロケールを定義する文字列です（デフォルトでは現在のLOCALE_IDを使用します）。

DEMO

Answer 3

1. あなたの最初の質問に関して。パイプは以下のように動作します。

   numberValue | number: {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

   • minIntegerDigits：小数点の前に表示する整数桁の最小数。デフォルトは1に設定

   • minFractionDigits：小数点の後に表示する整数桁の最小数

   • maxFractionDigits：小数点の後に表示する整数桁の最大数

2. 2番目の質問について、次のように小数点以下の桁数を0にします。

{{ numberValue | number: '1.0-0' }}

Answer 4

'1.0-0'は小数点以下の桁数がゼロ、つまり小数点以下の桁数がゼロであることを示します。例：500ドル