网站搜索

javascript - 如何在 Angular 管道中传递变量


我需要在输出中显示一定数量的小数位(小数位的长度由存储过程返回),并且这些小数位的长度各不相同。但是我不需要关注整数部分,我只需要关注小数部分。因此我使用了数字管道。直到我传递像这样硬编码的值时,这个方法工作正常:

{{transaction.Rate| number :'.2-3'}}

它显示预期值:713.753 [我不在意整数部分]

不过,我在交易模型中有一个叫做 RateDecimal 的字段。我想在上面的代码片段中传递这个字段,而不是 '3'。

{{transaction.Rate | number :'.2-`transaction.RateDecimal`'}}

它抛出错误。如何通过同样的方法?谢谢你的帮助。

答案#1

我在这里添加了我的工作示例:

{{transaction.ExchangeRate | number : '.2-' + transaction.CustomerRateDecimal}}

上述方法对我有效,因为 number 管道期望小数部分的值带引号,因此这里的连接操作效果很好。

答案#2

试试这个:{{transaction.Rate | number:transaction.RateDecimal}}