使用Angular percent管道将数字转换为两位小数百分比格式问题

我想使用Angular的percent管道将数字转换为百分比格式，例如将25转换为25.00%，我使用了如下代码：
{{ number | percent : '0.2-2'}}
但运行后得到的结果是2,500.00%，请问该如何解决该问题？

Angular的percent管道的设计逻辑是处理小数比例值，默认会将输入的数字乘以100后再拼接%符号。比如输入0.25时，管道计算0.25*100=25，最终输出25.00%。你直接传入整数25的话，管道会计算25*100=2500，就会得到2,500.00%的结果。

有两种常用方案可以实现需求：

• 方案1：将传入管道的数值提前除以100
  代码修改为：
  {{ number / 100 | percent : '0.2-2' }}
  输入25时，会先计算25/100=0.25，再传入percent管道处理，最终输出25.00%。

• 方案2：不使用percent管道，自行拼接百分号
  如果不想修改原始数值，可以用DecimalPipe先格式化数字位数，再手动拼接%符号：
  {{ number | number : '0.2-2' }}%
  输入25时，会先被格式化为25.00，拼接后直接得到25.00%。

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