角度/用户界面掩码 IP 地址

Question

我在我的项目中使用 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/

Answer 1

首先下载 ngxMaskModule。 (npm i ngx-mask)。

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

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

Answer 2

我认为这可以解决您的问题：

$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/