使用模板引用变量时使用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"抛出错误“无法读取属性'有效'为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>