angular - 禁用表单时，响应式表单有效属性返回 false

Question

我有这个简单的表单并用于创建和更新案例，因此对于创建案例，用户将输入数据并基于验证器我将获得 form.valid (真假)。
在更新的情况下，我只是从 api 获取数据并将此值设置为表单并使表单禁用；

this.form = fb.group({
  name: ['', Validators.required],
  lastName: ['', Validators.required],
  address: [''],
});

所以当我禁用表单时，有效值总是 false ;

 ngOnInit() {
    this.form.patchValue({
      name: 'name',
      lastName: 'Last Name'
    });

    this.form.disable();
  }

stackblitz example

Answer 1

这是对的。文档说:

A control is valid when its status is VALID.

状态文档说:

The validation status of the control. There are four possible validation status values:

• VALID: This control has passed all validation checks.
• INVALID: This control has failed at least one validation check.
• PENDING: This control is in the midst of conducting a validation check.
• DISABLED: This control is exempt from validation checks.

您的表单已禁用，因此无效。