ngModel与输入范围的绑定

时间:2015-09-07 08:30:21

标签: angularjs

我有这种情况,我想在同一个对象上绑定两个输入,它们代表一个范围的开始和结束

<input type="number" ng-model="price.values[0]"> - <input type ="number" ng-model="price.values[1]">
问题是,当我输入一个值并将另一个值留空时,这就是我在对象中得到的内容:

  

值:

     

0:111

     

1:NaN

我想知道NaN部分到底发生了什么,以及如何在空的时候避免绑定到NaN

1 个答案:

答案 0 :(得分:1)

您只需在控制器中将值预设为nullundefined

$scope.price = {
    values: [ null, null ]
}

这里有一个工作示例: http://jsfiddle.net/gf5excbt/