从angular6模板中删除来自API的+号

Question

我从API获得的传入值为"amount": "-1232.32"

我想在HTML模板中删除此标志，因为我直接在模板内部使用*ngFor循环，并且希望操纵传入的值。

我在下面尝试过

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

Answer 1

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

在您的component.ts上，

Math: any = Math;

在您的html上，

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

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

Answer 2

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

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

然后您可以在模板中调用该函数

transformtValue(data.NetAmount)