角要求指令打破我自己的一个

Question

我有一个自定义指令，在输入中的ng-model上的过滤器之后，将输入限制为数字：

     .directive('onlydigitinput', function () {
    return {
        require: 'ngModel',
        link: function (scope, element, attrs, modelCtrl) {
            modelCtrl.$parsers.push(function (inputValue) {
                var transformedInput = inputValue.toLowerCase().replace(/ /g, '')
                  .replace(/[^0-9]+/g, '');
                if (transformedInput != inputValue) {
                    modelCtrl.$setViewValue(transformedInput);
                    modelCtrl.$render();
                }
                return transformedInput;
            });
        }
    };
})

input(type='text' , required, onlydigitinput,  min='1', max='99', maxlength='2')

TypeError: Cannot read property 'toLowerCase' of undefined
at http://localhost:3000/scripts/core/directives/systemDirectives.js:63:54

Answer 1

输入字段上有一个必需的字段验证器。因此，当您将字段设置为空白（“”）时-发生在您键入非数字时。该值变为未定义。

var transformedInput = inputValue.toLowerCase().replace(/ /g, '')
              .replace(/[^0-9]+/g, '');
            if (transformedInput != inputValue) {
                modelCtrl.$setViewValue(transformedInput);
                modelCtrl.$render();
            }

在上述代码的顶部添加以下内容：

if(!inputValue) return ;