dynamic - 动态创建 ng-pattern 的指令

Question

我正在尝试为 input 创建一个指令将动态创建 ng-pattern 的元素检查输入字段中的有效 IP 地址。我这样做的所有尝试都完全失败了。虽然我可以动态修改其他属性，但我无法创建 ng-pattern这将影响 $valid状态。

这是我一直在处理的代码，它似乎应该可以工作，但它对 ng-pattern 没有任何作用。 .

app.directive('ipAddress', function($parse) {
    return {
        link: function(scope, element, attrs) {
            var model = $parse(attrs.ngPattern);
            model.assign(scope, "/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/");
            scope.$apply();
        };
});

指令:

<input ng-model="ip" ip-address required type="text" id="inputIP" placeholder="xxx.xxx.xxx.xxx">

是的，我知道我可以指定 ng-pattern与 <input> 内联标记，但重点是我希望能够在代码中动态执行此操作，并且我想保留 <input>通过不在其中嵌入一堆正则表达式代码来清除标签。

谁能帮帮我？谢谢!

Answer 1

您可以在 Controller 中定义模式，然后在 html 中使用:

$scope.pat=/^.*$/

然后在html中

<input ng-pattern="pat" ... >