删除来自 API 的 +- 符号 - 在 angular6 模板中答案

【问题标题】：Remove +- sign coming from API - in angular6 template删除来自 API 的 +- 符号 - 在 angular6 模板中
【发布时间】：2019-09-29 17:25:52
【问题描述】：

我有一个来自 API 的传入值 "amount": "-1232.32"

我想删除 HTML 模板中的这个标志，因为我直接在模板中使用 *ngFor 循环，我想操纵传入的值。

我在下面尝试过

{{Math.abs(+data.NetAmount) }}

【问题讨论】：

您不能在 HTML 中直接访问 Math.abs，但您可以在 TS 类中创建这样的别名：getAbs = Math.abs; 然后在模板中这样称呼它：{{ getAbs(+data.NetAmount) }}

【解决方案1】：

您可以创建一个返回值的函数。

transformtValue(value){
  return Math.abs(value)
}

然后就可以调用模板中的函数了

transformtValue(data.NetAmount)

【讨论】：

【解决方案2】：

您需要在您的 component.ts 上声明 Math。另外，我认为 Math.abs() 仅适用于数字，而不适用于字符串。

在您的 component.ts 上，

Math: any = Math;

在你的 html 上，

{{ Math.abs(Number(data.NetAmount)) }}

但是，更好的方法是为此目的创建一个自定义管道。

【讨论】：