我正在尝试为 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>
通过不在其中嵌入一堆正则表达式代码来清除标签。
谁能帮帮我?谢谢!
最佳答案
您可以在 Controller 中定义模式,然后在 html 中使用:
$scope.pat=/^.*$/
然后在html中
<input ng-pattern="pat" ... >
关于dynamic - 动态创建 ng-pattern 的指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17384909/