Question

我正在创建商店应用程序，我的数字管道有问题。是否有任何方法可以启用格式编号，如 64,90 ，只有在db中的值如 64.9 并且如果在db中为60时才设置小数点后的两位数，只显示60后没有数字？

<p>{{ product.price | number: '1.2-2' }} zł</p>

此管道显示我的正确64.90但不正确60.00

Answer 1

您可以像这样编写自己的管道：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'floatNumbers'
})
export class FloatNumbersPipe implements PipeTransform {
  transform(value: string): string {
    const isFloat = (n) => {
      return n === +n && n !== (n|0);
    }

    return isFloat(+value) ? (+value).toFixed(2) : value;
  }
}

Angular - 数字管道，如果有值

1 个答案: