AngularJS: Using ng-messages with ng-min

Question

AngularJS: Using ng-messages with ng-min

460 views Asked by PP Laru At 24 July 2018 at 22:26

I'm working with an input field with type="number" and I specifically want to use ng-min="0". I'm unsure what I'm doing wrong, but I don't see any message when I enter a value below zero into my field with my current implementation.

I did make sure to include angular messages like so: angular.module('myApp', ['ngMessages']).

My code:

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

A working plunkr is available here: https://plnkr.co/edit/PUT7r1hNbJrjHDF0vhJd

Original Q&A

There are 1 answers

**georgeawg** · Answer 1 · 2018-07-24T23:03:54+00:00

The PLNKR used obsolete libraries. With updated libraries, it works:

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>

TechQA.

AngularJS: Using ng-messages with ng-min

There are 1 answers

Related Questions in ANGULARJS

Related Questions in NG-MESSAGES

Popular Questions

Popular Tags

Trending Questions