angular/ui-mask ip address

angular/ui-mask ip address

本文关键字：address ip ui-mask angular      更新时间：2023-09-26

我在我的项目中使用angular/ui-mask。现在我需要一个掩码块ip地址范围(例如192.168.70.18/20)。例如:

 <input  ng-model="address" ui-mask="9?9?9.9?9?9.9?9?9.9?9?9/9?9" ui-mask-placeholder-char="_" placeholder="" ng-disabled="disabled">

问题是，所以我只能输入这个IP地址:192.168.125.254

jsFiddle: http://jsfiddle.net/Sheinar/Lvc0u55v/6133/

我认为这解决了你的问题:

$scope.$watch('address', function (address) {
    if (!address || address.length < 15) return;
    var endFrom = parseInt(address.substr(9, 3)),
        endTo = parseInt(address.substr(12, 3));
    if (endFrom > endTo) {
        alert('invalida range');
        $scope.address = address.substr(0, 12);
    }
});
http://jsfiddle.net/matheusdev/Lvc0u55v/6144/

首先下载ngxMaskModule。(npm I ngx mask).

将其导入共享模块。(NgxMaskModule.forRoo ())

在html端，在输入文本中添加mask='IP'

相关文章：