Question

我是棱角分明的新手，不幸遇到了问题。

我对表单有以下输入：

<div class="form-group" ng-class="{'not-empty': mailingzip.value}">
          <input type="number" name="mailingzip" ng-minlength="5" ng-maxlength="5" ng-model="mailingzip" class="inputfield form-control" id="mailingzip" required>
          <label for="mailingzip" class="animated-label">Zip</label>
</div>

但是，当有输入时，类not-empty不会应用于div。

当我将输入类型更改为＆＃34; text＆＃34;但是，一切都很完美。

我必须使用输入[数字]的不同属性吗？

感谢您的帮助!!

Answer 1

您可以检查输入是否大于零

<div class="form-group" ng-class="{'not-empty': mailingzip > 0}">
          <input type="number" name="mailingzip" ng-minlength="5" ng-maxlength="5" ng-model="mailingzip" class="inputfield form-control" id="mailingzip" required>
          <label for="mailingzip" class="animated-label">Zip</label>
</div>

Angular ng-class使用输入[text]但不输入[number]

1 个答案: