如何在angular 4中使用千分隔符？

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

@Pipe({
  name: 'thousandSeparator'
})
export class ThousandSeparatorPipe implements PipeTransform {
  transform(value: number): string {
    if (isNaN(value)) {
      return '';
    }

    return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
  }
}

import { ThousandSeparatorPipe } from './thousand-separator.pipe';

@Component({
  // 组件的其他配置
  // ...
  providers: [ThousandSeparatorPipe]
})
export class YourComponent {
  // 组件的其他代码
  // ...
}

<p>{{ yourNumber | thousandSeparator }}</p>