How can I specify/override default (locale) thousand separator for number pipe in Angular 4, e.g.?

{{p.total | number}}

?

解決方案

Angular 5+

Since Angular 5, a locale argument has been added to the decimal pipe as you can see in the official documentation: https://angular.io/api/common/DecimalPipe. That means you can choose your locale directly while calling the pipe, for instance:

{{p.total | number:'':'fr-FR'}}

Just be aware that will also change the decimal separator.

Angular 2+

or if your want to change ONLY the thousands separator...

According to Angular's documentation on DecimalPipe : https://v2.angular.io/docs/ts/latest/api/common/index/DecimalPipe-pipe.html, there is no explicit argument that can be added to the pipe call to exceptionally alter the characters used for formatting.

If you don't want to change the locale or associated default values of your entire project, I think your best shot is to write your own pipe dealing with your special case. Don't worry, pipes are extremely easy to write.

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

@Pipe({

name: 'numberfr'

})

export class FrenchDecimalPipe implements PipeTransform {

transform(val: number): string {

// Format the output to display any way you want here.

// For instance:

if (val !== undefined && val !== null) {

return val.toLocaleString(/*arguments you need*/);

} else {

return '';

}

}

}

Don't forget to add it to a NgModule to use it.

總結

以上是生活随笔為你收集整理的angular 数字逗号分隔,如何在Angular 4中为数字管道指定区域设置千位分隔符的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。