Angular ng级与输入[文本]一起工作,但不能输入[number]



我是Angular的新手,不幸的是遇到了问题。

我有一个表格的以下输入:

<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>

但是,当有输入时,班级不被应用于DIV。

当我将输入类型更改为"文本"时,所有这些都可以很好地工作。

我必须使用的输入[number]有不同的属性?

感谢您的帮助!

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

<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>

相关内容

最新更新