Ionic 3中如何将价格格式修改为RSD格式（12.000,00形式）

没问题，这有几个可行的方案帮你实现RSD格式的数字显示，适配你的Angular项目：

方案1：利用Angular内置的本地化Number管道（推荐） #

Angular的number管道支持通过locale参数适配不同地区的数字格式，塞尔维亚第纳尔（RSD）对应的locale是sr-RS，它会自动用点作为千分分隔符、逗号作为小数点，完美匹配你的需求。

步骤： #

1. 导入并注册塞尔维亚locale数据
   在你的app.module.ts中导入对应的locale并完成注册：

   import { NgModule } from '@angular/core';
   import { BrowserModule } from '@angular/platform-browser';
   import { registerLocaleData } from '@angular/common';
   // 导入塞尔维亚locale数据
   import sr from '@angular/common/locales/sr';
   
   registerLocaleData(sr);
   
   @NgModule({
     imports: [BrowserModule],
     declarations: [/* 你的组件列表 */],
     bootstrap: [/* 根组件 */]
   })
   export class AppModule { }
   

2. 在模板中使用带locale的number管道
   修改你原有的代码，添加sr-RS作为locale参数即可：

   <h1 class="title" (click)="movedetail($event)">{{tms.price | number:'1.2-2':'sr-RS'}}</h1>
   

   当tms.price为12000时，就会自动显示为12.000,00。

方案2：自定义管道（无需依赖locale配置） #

如果你的项目不需要多语言支持，或者不想配置locale，可以自定义一个管道手动处理格式转换：

步骤： #

1. 创建自定义管道
   新建一个rsd-number.pipe.ts文件：

   import { Pipe, PipeTransform } from '@angular/core';
   
   @Pipe({
     name: 'rsdNumber'
   })
   export class RsdNumberPipe implements PipeTransform {
     transform(value: number | string): string {
       // 处理空值或非数字的边界情况
       const num = typeof value === 'string' ? parseFloat(value) : value;
       if (isNaN(num)) return '0.000,00';
   
       // 保留两位小数，拆分整数和小数部分
       const [integerPart, decimalPart] = num.toFixed(2).split('.');
       // 给整数部分添加千分位点分隔符
       const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
       // 拼接成目标格式
       return `${formattedInteger},${decimalPart}`;
     }
   }
   

2. 在模块中声明管道
   在app.module.ts的declarations数组中添加这个管道：

   import { RsdNumberPipe } from './rsd-number.pipe';
   
   @NgModule({
     declarations: [/* 其他组件 */, RsdNumberPipe],
     // ...其他配置项
   })
   export class AppModule { }
   

3. 在模板中使用自定义管道
   修改你的模板代码：

   <h1 class="title" (click)="movedetail($event)">{{tms.price | rsdNumber}}</h1>
   

两种方案都能实现你要的效果，方案1更推荐，因为它遵循Angular的本地化最佳实践，后续如果需要适配其他地区格式会更灵活。

内容的提问来源于stack exchange，提问作者Gokulanathan