javascript - AngularJS - 检查类型为 "number"的输入是否有值，0 是有效值

Question

我正在努力让 AngularJS 与我正在尝试实现的一件小事一起正常工作。

我有一个 number 类型的输入(这可能会导致问题)，它绑定(bind)到我的 Controller 中的一个变量，如果这个输入为空，我需要禁用一个按钮。

这是我的输入和按钮的代码:

<input type="number" min="0" max="20" ng-model="student.mark">

<button ng-disabled="!student">Send</button>

我尝试了几种解决方案来在字段为空时禁用我的按钮，但在它的值为 0 时启用它:

<button ng-disabled="!student || !student.mark">Send</button>

<button ng-disabled="!student || !angular.isNumber(student.mark)">Send</button>

<button ng-disabled="!student || student.mark == ''">Send</button>

<button ng-disabled="!student || student.mark === ''">Send</button>

这些似乎都不起作用。如果我的输入中有任何数字，它将正常工作，但如果我的值为“0”，按钮将被禁用，或者如果我输入一个有效值然后将其删除，按钮将保持启用状态。

让我认为它应该起作用的事实是，如果我使用 {{ student.mark }} 显示值，值 0 确实会显示为“0”和空输入将显示为空。

谢谢。

Answer 1

注意:0 被视为假。

在你的 Controller 中定义

 $scope.student.mark = null;

使用条件

 ng-disabled="student.mark == null && student.mark < 0"