angular 数字逗号分隔,如何在Angular 4中为数字管道指定区域设置千位分隔符

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中为数字管道指定区域设置千位分隔符的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。