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,它将设置所需的属性与输入模型的checked boleon

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

最新更新