数百万的 Angular 管道格式

Question

我正在处理大数字，我现在正在像这样格式化

{{total  | number:'1.0-0'}}

结果是 45,986,592。我需要将数字格式化为只有数百万，然后只有一位数字，所以 45.9

我怎样才能做到这一点？

Answer 1

如果你想重用这个逻辑，你可以构建一个自定义管道。

正如 Phil 所建议的，您可以将它除以 1,000,000

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

@Pipe({
  name: 'million'
})
export class MillionPipe implements PipeTransform {

  constructor(private decimalPipe: DecimalPipe) {

  }
  transform(value: any, digits?: any): any {
    return this.decimalPipe.transform(value/1000000, digits)
  }

}

确保您在模块提供程序中注册了十进制管道，以便它可以被注入(inject)。

工作演示:

https://stackblitz.com/edit/angular-aa16so?file=app%2Fmillion.pipe.ts