Question

我正在使用type="number"的输入字段，我特别想使用ng-min="0"。我不确定自己在做什么错，但是当我在当前实现中的字段中输入小于零的值时，看不到任何消息。

我确实确保包括这样的角度信息：angular.module('myApp', ['ngMessages'])。

我的代码：

<admin-form name="formName">
  <admin-field>
    <input 
      name="formName" 
      ng-model="$ctrl.model.whatever" 
      type="number" 
      min="0" />
    <div ng-messages="userForm.formName.$error" style="color: maroon" role="alert">
        <ng-message when="min">Value cannot be below 0</ng-message>
    </div>

可以在此处使用工作的插件：https://plnkr.co/edit/PUT7r1hNbJrjHDF0vhJd

Answer 1

PLNKR使用了过时的库。使用更新的库，它可以工作：

angular.module('myapp', ['ngMessages'])

<script src="//unpkg.com/angular/angular.js"></script>
<script src="//unpkg.com/angular-messages/angular-messages.js"></script>
 
 <body ng-app="myapp">
    <form name="myForm">
      <label>Enter your number:</label><br>
      <input type="number" name="myNumber" ng-model="num"
                ng-min="0" role="alert">
      
      <div ng-messages="myForm.myNumber.$error" style="color:red">
        <div ng-message="min">Your field value is lesser minimum value</div>
      </div>
      
    </form>
 </body>

AngularJS：结合使用ng-min和ng-messages

1 个答案: