Angular number pie(管道)去掉千位符(逗号)

前言

• number 管道用法(保留小数点后两位)

<div> {{ testModel | number: '1.2-2' }} </div>`

• 使用 Angular number 管道时，会为千位自动加上分隔符，如下
  122,441,165.31

去掉分隔符的方法

1. 定义一个清除逗号的管道

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

@Pipe({
  name: "replaceComma"
})
export class ReplaceComma implements PipeTransform  {
  transform(value: string) {
    return value && value.replace(/,/g, '') || '';
  }
}

2. 应用管道

<div> {{ testModel | number: '1.2-2' | replaceComma }} </div>