angularjs - 当值为零时， Angular 数据绑定(bind)返回 NaN

Question

我正在做一些像这样的简单数据绑定(bind):

<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 文本输入是文本。添加的 + 会在使用前将其转换为数字。