javascript - 无法设置仅数字输入

Question

<分区>

Answer 1

模式不会阻止字符被输入到输入元素中，它只会引发验证。

要防止输入非数字字符，您可以使用拦截正在键入的值的指令。

angular.module('components', []).directive('numbersOnly', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function (scope, element, attrs, ngModelCtrl) {
            ngModelCtrl.$parsers.push(function (inputValue) {
                var transformedInput = inputValue.replace(/\.\.+/g, '.');
                ngModelCtrl.$setViewValue(transformedInput);
                ngModelCtrl.$render();

                return inputValue;
            });
        }
    }
});

Here's a JsFiddle of the working directive