<!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> angular.module('demo', ['ui.utils.masks']) .controller('ctrl', function($scope) { }); <!-- language: lang-html --> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-input-masks/2.6.0/angular-input-masks-standalone.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/string-mask/0.3.0/string-mask.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.min.js"></script> <div ng-app="demo" ng-controller="ctrl"> <input type="text" name="field1" ng-model="number1" ui-number-mask ui-number-min="0"> <input type="text" name="field2" ng-model="number2" ui-number-mask="3" ui-number-min="0"> <input type="text" name="field3" ng-model="number3" ui-number-mask="4" ui-negative-number ui-number-min="0"> <input type="text" name="field4" ng-model="number4" ui-number-mask ui-number-min-max="100.9" ui-number-min="10.1"> <input type="text" name="field" ng-model="number" ui-number-mask ui-hide-group-sep> </div> <!-- end snippet -->