小编Edu*_*way的帖子

我有一个服装指令来设定百分比,例如: - 快乐:[90] - 悲伤:[10]

因此它只允许1到100.所以我不想允许任何字符等.我知道我可以使用ng-pattern等..但我不希望他们甚至添加一个字符所以我必须这样做.

它的工作原理,但我遇到的问题是空间不会触发$解析器,是否还有一个解决方法用于触发空间？

app.directive('numericOnly', function(){
    return {
        require: 'ngModel',
        link: function(scope, element, attrs, modelCtrl) {
            modelCtrl.$parsers.push(function (inputValue) {

                //Remove all non numeric values
                var transformedInput = inputValue.replace(/\D/g,'');

                //Remove all spaces
                transformedInput = transformedInput.replace(/\s/g, "");

                //Remove any leading zero
                if(transformedInput.substring(0,1) === '0') {
                  console.log('is zero');
                  if(transformedInput.length === 1) {
                    transformedInput = '';
                  } else {
                    transformedInput = transformedInput.substring(1, transformedInput.length);
                  }
                }

                //Make sure it is not over 100
                var numberCopy = parseInt(transformedInput);
                if(!isNaN(numberCopy)){
                    if(numberCopy > 100) { …