Currency Pipe十进制数字转换异常求助：3900需转为39.00

嘿，这个场景我太熟悉了！你现在的问题核心是：Currency Pipe默认把输入的数值当成完整的货币主单位（比如元），但你的3900其实是更小的单位（比如分），所以直接用管道会输出3900.00，而不是你想要的39.00。下面给你两种实用的解决方法：

方法一：模板内直接转换（快速简单） #

直接在管道前把数值除以100，同时通过digitInfo强制固定两位小数：

{{plansItem.price / 100 | currency:' ':symbol:'1.2-2'}}

这里的'1.2-2'是digitInfo的格式规则：

• 1：整数部分最少显示1位
• 2-2：小数部分固定显示2位（最少2位，最多2位）
  这样设置后，输入3900就会输出39.00，完全符合你的预期。

方法二：自定义管道（优雅复用） #

如果你的项目里很多地方都需要这种“把最后两位转成小数”的逻辑，自定义一个管道会更优雅，也方便后续维护：

1. 先创建一个管道文件（比如divide-by-hundred.pipe.ts）：

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

@Pipe({ name: 'divideByHundred' })
export class DivideByHundredPipe implements PipeTransform {
  transform(value: number): number {
    // 这里可以加一些边界判断，比如处理非数字的情况
    if (isNaN(value)) return 0;
    return value / 100;
  }
}

2. 在对应的模块里声明这个管道：

import { NgModule } from '@angular/core';
import { DivideByHundredPipe } from './divide-by-hundred.pipe';

@NgModule({
  declarations: [DivideByHundredPipe],
  exports: [DivideByHundredPipe] // 如果要在其他模块用，记得导出
})
export class SharedModule {}

3. 然后就可以在模板里链式使用管道了：

{{plansItem.price | divideByHundred | currency:' ':symbol:'1.2-2'}}

这样模板代码更干净，而且如果后续需要调整转换逻辑（比如改成除以1000），只需要修改自定义管道即可，不用一个个改模板。

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