Angular:插值算法不适用于组件属性

Angular: Interpolation Arithmetic Doesn't Work for component properties

为什么这样做:

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

但这行不通:

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

似乎组件的属性作为字符串传递给模板,而不管它们在组件本身上被键入为 numbers

如果您正在使用 $ angular 尝试将其解析为模板表达式。 如何使用 currency pipe 在模板上显示货币

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

LIVE DEMO