如何使用Angular Percent Pipe仅显示%符号而不重复转换数值？

因为后端已经完成了百分比的数值转换（比如原本的0.25已经转成25），Angular的PercentPipe本身是用来把小数转成百分比格式的（比如把0.25转成25%），直接用它会把已经转好的数值再放大100倍，导致显示错误。

你可以直接拼接%符号，不用Percent Pipe，代码改成这样：

{{ row[attr.uniqKey] ? row[attr.uniqKey] + '%' : '' }}

如果需要处理数值格式（比如保留指定小数位数），可以先用number管道处理数值，再拼接%：

{{ row[attr.uniqKey] ? (row[attr.uniqKey] | number:'1.2-2') + '%' : '' }}

上面的'1.2-2'表示最少1位整数、保留2位小数，你可以根据需求调整格式参数。

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