使用模板引用变量时使用 formGroup 会引发错误

Question

我有一个带有模板引用变量的现有表单。现在，当我想添加 formGroup 指令时，模板引用变量的有效属性会引发错误。

<form (ngSubmit)="createTask()"
      [formGroup]="formGroup"
      id="taskFormId"
      autocomplete="off"
      #taskForm="ngForm">
// my code
</form>

<button type="submit"
          form="taskFormId"
          mat-raised-button
          color="primary"
          [disabled]="!taskForm.form.valid">
    Submit
  </button>

[disabled]="!taskForm.form.valid" 抛出错误“无法读取属性 'valid' of null”。此错误仅在我使用[formGroup]="formGroup"时显示

Answer 1

试试这个

<form (ngSubmit)="createTask()"
      [formGroup]="yourFormGroup"
      id="taskFormId"
      autocomplete="off"
      #taskForm="ngForm">
// my code
</form>

<button type="submit"
          form="taskFormId"
          mat-raised-button
          color="primary"
          [disabled]="!yourFormGroup.get('yourControlName').valid">
    Submit
  </button>