Angular Tips

bindingNumberOnly.js

// use binding-number-only
angular.module('myApp')
  .directive('bindingNumberOnly', [function () {
  return {
    require: 'ngModel',
    restrict: 'A',
    scope: {},
    link: function(scope, element, attrs, ngModelController) {
      var validNumber = /^[0-9]+$/;
      var sucessNumber = ngModelController.$modelValue || 0;
      ngModelController.$parsers.push(function(data) {
        if (data === '') {
          sucessNumber = data;
        } else if (validNumber.test(data)){
          sucessNumber = data;
        } else if (data !== sucessNumber.toString()){
          console.log('over ride', data, sucessNumber)
          data = sucessNumber.toString();
          ngModelController.$setViewValue(data);
          ngModelController.$render();
        }
        return data;
      });
    }
  }}]);