首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJS:在ng-min中使用ng-message

AngularJS:在ng-min中使用ng-message
EN

Stack Overflow用户
提问于 2018-07-25 06:26:08
回答 1查看 342关注 0票数 1

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

我确实确保包含这样的角度消息:angular.module('myApp', ['ngMessages'])

我的代码:

代码语言:javascript
运行
复制
<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

EN

回答 1

Stack Overflow用户

发布于 2018-07-25 07:03:54

PLNKR使用的是过时的库。对于更新的库,它可以工作:

代码语言:javascript
运行
复制
angular.module('myapp', ['ngMessages'])
代码语言:javascript
运行
复制
<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>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51508386

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档