Удалить + - знак, приходящий из API - в шаблоне angular6

Question

У меня есть входящее значение из API как "amount": "-1232.32"

Я хотел бы удалить этот знак в шаблоне HTML, так как я непосредственно использую цикл *ngFor внутри шаблона, и я хотел бы манипулировать входящим значением.

Я попробовал ниже

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

Answer 1

Вы можете создать функцию, которая возвращает значение.

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

Затем вы можете вызвать функцию в шаблоне

transformtValue(data.NetAmount)

Answer 2

Вам нужно будет объявить Math в ваших component.ts. Кроме того, я думаю, что Math.abs () работает только с числами, а не со строками.

На вашем component.ts,

Math: any = Math;

И на вашем HTML,

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

Однако лучший способ сделать это - создать для этой цели пользовательский канал.