angular - 数字管道 0 或 2 位小数

Question

我想实现数字格式，这样如果数字是圆形的，就不应该有小数占位符 .00 ，否则使用 2 位并且只有 2 位小数。例如:

1.23    -> 1.23
1.23456 -> 1.24
1.2     -> 1.20
1.0     -> 1
1       -> 1

根据文档，您只能指定小数位范围(例如 |number:'.0-2' )而不是具体选择(例如 |number:'.0,2' )；我是对的还是有办法？

我知道我可以用一些 *ngIf -s 来达到同样的效果，但如果可能的话，我想避免。

Answer 1

如果你想对你的变量做不止一件事，最好的做法是创建两个不同的管道并将它们一起使用。重要的是从左到右的顺序。如果您只想显示两位数字，您可以使用内置管道，如 deicmalPipe:

Angular Doc
或者只是检查该主题:
Stack overflow answer

如果要显示 1 而不是 1.00，则可以创建自定义管道，在其中检查字符是否为 00 或其他。如果为 00，则返回没有这些数字的数字。