一次禁用整个表单（Angular 反应式表单）

Question

在使用 Reactive 表单时，有什么方法可以禁用 angular 中的整个表单。我知道可以让它们一个一个地禁用。

 this.tempForm = this.fb.group({
  m26_type:  '',
  m26_name:  ''
 })
this.tempForm.get('m26_type').disable();

是否可以禁用整个表单而不是单独禁用每个控制器？

Answer 1

this.tempForm.disable();

Disables the control. This means the control will be exempt from validation checks and excluded from the aggregate value of any parent. Its status is DISABLED.

If the control has children, all children will be disabled to maintain the model.

LINK

更新

笨蛋 link - https://plnkr.co/edit/CFC4uKpvfE4otJ2PWdkc?p=preview

Answer 2

如果您使用模板驱动（使用 ngModel），您也可以添加到您的代码中

<form #myForm="ngForm">
//at ts
//create view child
@viewChild('myForm')form:any;
//and in your function of reset
this.form.disable()

一次禁用整个表单（Angular 反应式表单）

Disable the entire form at once (Angular reactive form)

angular

typescript

angular-reactive-forms

angular2-formbuilder