Angular(4)：分别禁用整个表单(组)而不是每个输入？

发布时间：2020-12-17 17:23:35 所属栏目：安全来源：网络整理

导读：是否可以以角度禁用整个表单(组)而不是分别为每个输入执行此操作？类似于 input [disabled] =“formNotValid”/但对于 form或者 div ngModelGroup ..？解决方法如果你使用ReactiveForms只是写 form: formGroup;this.form.disable(); 在ngForm的情况下,你

是否可以以角度禁用整个表单(组)而不是分别为每个输入执行此操作？

类似于< input [disabled] =“formNotValid”/>但对于< form>或者< div ngModelGroup ..>？

解决方法

如果你使用ReactiveForms只是写

form: formGroup;

this.form.disable();

在ngForm的情况下,你可以这样写’创建plunker

<form #f="ngForm" (ngSubmit)="onSubmit(f)" novalidate>
  <input name="first" ngModel required #first="ngModel">
  <input name="last" ngModel>
  <button>Submit</button>
</form>

<button (click)="disable(f)">Disable form</button>



 disable(f) {
    f.form.disable()
  }

（编辑：李大同）

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