| number:'1.2-2'

官网文档:

DecimalPipe

How To Use

number_expression | number[:digitInfo[:locale]]

Formats a number as text. Group sizing and separator and other locale-specific configurations are based on the active locale.

whereexpressionis a number:

• digitInfois astringwhich has a following format:
  {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}
• minIntegerDigitsis the minimum number of integer digits to use. Defaults to1.
• minFractionDigitsis the minimum number of digits after fraction. Defaults to0.
• maxFractionDigitsis the maximum number of digits after fraction. Defaults to3.
• localeis astringdefining the locale to use (uses the currentLOCALE_IDby default)

For more information on the acceptable range for each of these numbers and other details see your native internationalization library.

Example

content_copy

1. @Component({
2. selector: 'number-pipe',
3. template`<div>
4. <!--output '2.718'-->
5. <p>e (no formatting): {{e | number}}</p>
7. <!--output '002.71828'-->
8. <p>e (3.1-5): {{e | number:'3.1-5'}}</p>
10. <!--output '0,002.71828'-->
11. <p>e (3.5-5): {{e | number:'4.5-5'}}</p>
13. <!--output '0002,71828'-->
14. <p>e (french): {{e | number:'4.5-5':'fr'}}</p>
16. <!--output '3.14'-->
17. <p>pi (no formatting): {{e | number}}</p>
19. <!--output '003.14'-->
20. <p>pi (3.1-5): {{e | number:'3.1-5'}}</p>
22. <!--output '003.14000'-->
23. <p>pi (3.5-5): {{e | number:'3.5-5'}}</p>
24. </div>`
25. })
26. exportclass NumberPipeComponent {
27. pi number = 3.14;
28. e2.718281828459045;
29. }