在角度输入中拆分网关和掩码

Question

我有一个 IP 网关和掩码的输入字段，格式为 __.__.__.__/__。 我想在另一个模型中拆分 / 之后的掩码输入以进行绑定，这样它将是这样的：

{
"Gateway" : "10.20.30.40",
"Mask": "23"
}

如何在 /__ 之后削减价值以获取掩码。 IP 地址设置：

$("#IP").inputmask({ /
    mask: "i[i[i]].i[i[i]].i[i[i]].i[i[i]]/99",
    definitions: {
        'i': {
            validator: function (chrs, buffer, pos, strict, opts) {
                if (pos - 1 > -1 && buffer[pos - 1] != ".") {
                chrs = buffer[pos - 1] + chrs;
                    if (pos - 2 > -1 && buffer[pos - 2] != ".") {
                    chrs = buffer[pos - 2] + chrs;
                        } else chrs = "0" + chrs;
                        } else chrs = "00" + chrs;
                        return new RegExp("25[0-5]|2[0-4][0-9]|[01][0-9][0-9]").test(chrs);
                        },
                        cardinality: 1
                    }
        }
});

编辑：- 添加了视图和控制器

<div class="input-group sepH_b">    
            <span class="input-group-addon" id="reg_input">Gateway</span>
          <input class="form-control" id="IP" type="text" ng-model="inf.Gateway" required>
</div>

在 Ctrl 中

$scope.master = {};
$scope.addData = function() { 
$scope.master = angular.copy($scope.inf);
};

master{} 是数据绑定的地方。

Answer 1

1. 不要在 angularJS 中使用 jquery

2. 为什么不创建一个对其他人更具可读性的不同模型。 Check this plunkr。相应地添加必要的验证。您不需要编写额外的代码来提取mask，任何人都可以根据需要访问port1、port2等属性。

如下所示：

  $scope.gateway = {
    port1 : 0,
    port2:  0,
    port3 : 0,
    port4: 0
  };
  $scope.mask = 0