AngularJS表单验证指令$ setValidity元素

时间:2013-03-25 12:33:29

标签: angularjs angularjs-directive

我正在尝试对指令中的元素使用$setValidity。我发现的所有例子似乎都将它设置在控制器上......

我在表单验证上分享了一个JS小提琴,并尝试了很多东西。任何见解将是最受欢迎的: http://jsfiddle.net/thomporter/pmKpG/2/

在小提琴中,在控制器上调用$setValidity

ctrl.$setValidity('pwd', true);

我想做点什么:

elm.$setValidity('pwd', true);

因此我可以在表格中执行以下操作:

ng-class="{error:form.password.$error.pwd}"

1 个答案:

答案 0 :(得分:60)

我想通了......你必须在输入元素上有一个名字。一旦我添加了名称,错误就会根据需要自动绑定到元素上,无需进行其他更改!

<input ng-model="password"
       name="inputPassword"
       class="immediate-help"
       password-validate
       required
       type="password"
       id="inputPassword"
       placeholder="Password">

http://jsfiddle.net/thomporter/pmKpG/4/