角数据绑定返回NaN当值为零

Question

我做一些简单的数据，像这样绑定：

<input type="text" class="form-control" model="amount"> 
<label>Your amount is {{amount * 10 }}</label> 

然而，最初，当文本输入为空，返回NaN。

如何防止Angular发生这种情况？

Answer 1

你可以试试这个：

<input type="text" class="form-control" model="amount"> 
<label>Your amount is {{ (+amount) * 10 }}</label> 

HTML文本输入被定义文本。添加的+会在使用之前将其转换为数字。

Answer 2

使用三元运算符来检查下面的tempalte中的isNaN。

<input type="text" class="form-control" model="amount"> 
<label>Your amount is {{ (!isNaN(amount)) ? (amount * 10) : '' }}</label>