Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了AngularJS:ng-show / ng-hide必填字段大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试使用Ng-show / ng-hide显示/隐藏必填字段,除非选中输入以显示字段.但是,表单不会提交,因为需要隐藏字段(除非我选择查看隐藏的附加字段的选项).我在必填字段上使用Ng-hide的原因是显示仅在需要时可能需要的其他字段.有没有一种方法可以动态更改“隐藏”输入的属性

例:

check Me to Show Additional Fields
<input type="checkBox" ng-model="checked">

Additional Fields
<input type="number" class="form-control" id="inputamount" data-ng-model="itemamount" step="any" required ng-show="checked"/>
<input type="text" class="form-control" id="inputLOCATIOn" data-ng-model="itemLOCATIOn" placeholder="LOCATIOn" required ng-show="checked"/>

解决方法

你可以使用Ng-required,它会设置所需的属性,并与输入模型的已检查的boLeon相对应

<input type="number" ng-required="{{checkeD}}" class="form-control" id="inputamount"
 data-ng-model="itemamount" step="any" ng-show="checked"/>

大佬总结

以上是大佬教程为你收集整理的AngularJS:ng-show / ng-hide必填字段全部内容,希望文章能够帮你解决AngularJS:ng-show / ng-hide必填字段所遇到的程序开发问题。

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

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