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

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

<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的属性'valid'。此错误仅在我使用

[formGroup]=“formGroup”

时显示。请尝试此操作

<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>

//我的代码
提交

ts文件中的

formGroup

是什么？