angular 货币管道

未来new出来

已于 2022-12-07 15:29:54 修改

阅读量326

点赞数

文章标签： angular.js javascript

于 2022-12-07 14:52:01 首次发布

本文链接：https://blog.csdn.net/Tgh_2111/article/details/128220260

版权

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

@Pipe({
  name: 'millimeter'
})
方法一
export class MillimeterPipe implements PipeTransform {
  transform(value: number,
            currencySign: string = '$ ',
            decimalLength: number = 2,
            chunkDelimiter: string = ',',
            decimalDelimiter: string = '.',
            chunkLength: number = 3): string {
判断是否空值
    if (value??'' !==  '') {
      value /= 1;
      let result = '\\d(?=(\\d{' + chunkLength + '})+' + (decimalLength > 0 ? '\\D' : '$') + ')';
      let num = value.toFixed(Math.max(~~decimalLength));
      return '\t'+currencySign + (decimalDelimiter ? num.replace('.', decimalDelimiter) : num).replace(new RegExp(result, 'g'), '$&' + chunkDelimiter);
    }else{
      return '';
  }
}
}

方法二
export class MillimeterPipe implements PipeTransform {
transform(value: number, locale?: string,currencySign: string = '$ ',): string {
    if (value !== undefined && value !== null ){
      return currencySign + new Intl.NumberFormat(locale, {
        minimumFractionDigits: 2
      }).format(Number(value));
    }else {
      return '';
    }

  }

}