AngularJS Example - ngMessages

for http://stepansuvorov.com/blog/

by Stepan Suvorov

HTML

<form name="demoForm">
  <input name="amount" type="number" ng-model="amount" max="100">
  <div ng-messages="demoForm.amount.$error">
    <div ng-message="number">Should be a number</div>
    <div ng-message="max">The number is too large.</div>
  </div>
</form>
    
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular-messages.min.js"></script>

JavaScript

var app = angular.module('app', ['ngMessages']);

app.controller('mainCtrl', function ($scope) { 
    $scope.amount = 3;
});