番号パイプ-角度2のパラメーターは何ですか


123

以下の数値パイプを使用して、数値を小数点以下2桁に制限しました。

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

「1.2-2」の背後にある論理は何だったのだろうと思っていましたか?私はこれらを試し、小数点以下の桁数がゼロになるようにフィルタリングするパイプを実現しようとしましたが、役に立ちませんでした。





2
これはAngular 2でのみ機能します
Lord Darth Vader

回答:


251

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

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

だからあなたの'1.2-2'手段の例:

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

31
残念ながらこれも数を
四捨五入

1
@Blauhirn私も同じ問題を抱えていますが、簡単な修正はありましたか、または独自のパイプを作成する必要がありますか?
S. Robijns

3
@ phil294私はあなたのコメントが古いことを知っていますが、今、数値の丸めについての説明があります。angular.io/api/common/DecimalPipe
クリスティアーノボンバザール

7

から DOCS

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

構文:

number_expression | number[:digitInfo[:locale]]

どこ expression番号はですか:

digitInfo 次の形式の文字列です。

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

DEMO


6
  1. 最初の質問についてパイプは次のように機能します:

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

    • minIntegerDigits:小数点の前に表示する整数の最小桁数、デフォルトで1に設定
    • minFractionDigits:小数点の後に表示する整数の最小桁数

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

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

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

詳しくは、次のブログをご覧ください。


2

'1.0-0'は、小数点以下の桁数がゼロ、つまり小数なしになります。例:500ドル


114と表示するように114.5のような数値をフォーマットしようとしていますが、「1.0-0」を使用すると「115」と表示されますが、なぜ誰かがその理由を知っていますか?
カラジャ

1
これは、angularが値を丸め、114.5に対して115を与えるためです。
alchi baucha

2
なぜ反対票?これは機能し、小数点以下の桁数をゼロにフィルタリングする方法の質問に答えます。ありがとう@alchibauchaは私の問題を正確に解決しました。
S ..
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.