Угловая: интерполяционная арифметика не работает для свойств компонента

Почему это работает:

<span>${{10 + 20}}</span>
<!-- <span>$30</span> -->

Но это не работает:

<span>${{cart.subtotal + cart.taxTotal}}</span>
<!-- <span>$1020</span> -->

Кажется, что свойства компонента передаются в шаблон в виде строк, независимо от того, что они напечатаны как numbers на самом компоненте.

Источник

1 ответ

Решение

Если вы используете $ angular пытается разобрать его как шаблонное выражение. Тем не менее, вы можете использовать валютную трубу для отображения валюты в вашем шаблоне

<span>{{cart.subtotal + cart.taxTotal | currency:'USD':true}}</span>

LIVE DEMO

Источник
Другие вопросы по тегам