Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用AngularJS的形式的动态验证和名称大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这种形式: http://jsfiddle.net/dfJeN/

如您所见,输入的名称值是静态设置的:

name="username"

,表单验证工作正常(添加东西并从输入中删除所有文本,文本必须出现)。

然后我尝试动态设置名称值:http://jsfiddle.net/jNWB8/

name="{input.namE}"

然后我将其应用于我的验证

login.{{input.namE}}.$error.required

(此模式将用于ng重复),但我的表单验证被打破。它在我的浏览器中正确解释(如果我检查我看到的元素login.username。$ error.required)。

任何想法 ?

编辑:在控制台中记录范围后,看起来

{{input.namE}}

表达式不是内插。我的表单为{{input.namE}}属性,但没有用户名

更新:自从1.3.0-rc.3 name =“{{input.namE}}”按预期工作。请参阅#1404

@H_616_27@
@H_616_27@
你不能做你想这样做。

假设你想要做的是你需要动态地添加元素到一个表单,如ng-repeat,你需要使用嵌套的ng-form来允许验证这些单独的项目:

<form name="outerForm">
<div ng-repeat="item in items">
   <ng-form name="innerForm">
      <input type="text" name="foo" ng-model="item.foo" />
      <span ng-show="innerForm.foo.$error.required">required</span>
   </ng-form>
</div>
<input type="submit" ng-disabled="outerForm.$invalid" />
</form>

可悲的是,它不是一个有据可查的Angular的特性。

@H_616_27@

大佬总结

以上是大佬教程为你收集整理的使用AngularJS的形式的动态验证和名称全部内容,希望文章能够帮你解决使用AngularJS的形式的动态验证和名称所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。