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

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>

可在此处使用可工作的plunkr： 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 个解决方案

解决方案1
2 2018-07-24 23:03:54

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

问题描述

1 个解决方案

解决方案1 2 2018-07-24 23:03:54

解决方案1
2 2018-07-24 23:03:54