空白或空数字文本框而不是零值

时间:2015-09-07 07:16:18

标签: javascript angularjs html5

我有数字文本框,如下所示。

<input type="number" ng-model="item.TotalUnitsCompleted" />

TotalUnitsCompleted模型是int字段。您是否可以告诉我如何在上面的文本框中设置空值或空值而不是0?此时它显示为0。提前谢谢。

注意:我不想将int模型更改为string

1 个答案:

答案 0 :(得分:2)

您只需设置item.TotalUnitsCompleted = undefined;

即可

如果您使用的是ngTable,则每个循环ng-init只需ng-init="item.TotalUnitsCompleted = undefined"

这是一个例子:

<input type="number" ng-model="TotalUnitsCompleted"  ng-init="TotalUnitsCompleted = initTotalUnits(TotalUnitsCompleted)"/>

控制器:

app.controller('MainCtrl', function($scope) {
  $scope.TotalUnitsCompleted = 5;

  $scope.initTotalUnits = function(units) {
    return (typeof units !== 'undefined' && units > 0 && units !== null) ? units : undefined;
  }
});

Plunker