Javascript 如何将表单组添加到TR组件？

我有一个在表单控件值数组上循环的表

<tbody>
  <tr *ngFor="let t of intakeForm.get('tasks').value let i = index; trackBy:trackByIndex" [taskTR]="t" [ui]="uiOptions" [intakeForm]="intakeForm"></tr>
</tbody>

上述结果导致错误：

ERROR Error: formControlName must be used with a parent formGroup directive.  You'll want to add a formGroup
       directive and pass it an existing FormGroup instance (you can create one in your class).

---

如何在保持HTML有效的情况下向其中添加表单组？例如，表行中的div是无效语法。

要在模板中使用

FormGroup

-元素，应设置

FormGroup

-指令。最简单的方法是用

表单

-标记包装表格，并将

FromGroup

-指令添加到此

表单

-标记。像这样：

<form [formGroup]="yourFormGroup">
  <tbody>
    <tr *ngFor="let t of intakeForm.get('tasks').value let i = index; trackBy:trackByIndex" [taskTR]="t" [ui]="uiOptions" [intakeForm]="intakeForm">    </tr>
  </tbody>
</form>

您可以在任何HTML元素上添加FormGroup指令，因此您可以将其添加到标记no？@PierreMallet我也这么认为，但它似乎需要包装表单控件，并将其添加到TR中，但似乎无法做到这一点。我只是不能直接把它放在TR组件中。你能在stackblitz上发布一个例子吗？

<form [formGroup]="yourFormGroup">
  <tbody>
    <tr *ngFor="let t of intakeForm.get('tasks').value let i = index; trackBy:trackByIndex" [taskTR]="t" [ui]="uiOptions" [intakeForm]="intakeForm">    </tr>
  </tbody>
</form>