加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

AngularJS:ng-show / ng-hide必填字段

发布时间:2020-12-17 17:53:37 所属栏目:安全 来源:网络整理
导读:我试图使用ng-show / ng-hide显示/隐藏必填字段,除非选中输入以显示字段.但是,表单不会提交,因为需要隐藏字段(除非我选择查看隐藏的附加字段的选项).我在必填字段上使用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"/>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读