Angular中设置formArray内serviceIsSelected的formControlName报错如何解决？

我有一个如下结构的表单：

我的目标是在HTML中设置serviceIsSelected的formControlName，以下是我的尝试：

@for (service of dataSource; track dataSource; let index = $index) {
  <h2>{{service[0].sectionTitle}}</h2>
  <table mat-table *ngIf="dataSource && dataSource[index]" [dataSource]="dataSource[index]" formArrayName="services">
    <ng-container matColumnDef="active">
      <th mat-header-cell *matHeaderCellDef></th>
      <td mat-cell *matCellDef="let element; let i = index">
        {{ element.serviceIsSelected | json }}
        <mat-checkbox [formControlName]="element.serviceIsSelected"></mat-checkbox>
      </td>

element.serviceIsSelected返回false，即serviceIsSelected的取值。但设置formControlName时出现如下错误：

Error: Cannot find control with path: 'services -> false'

我还尝试使用formControlName="serviceIsSelected"，但出现另一个错误：

Error: Cannot find control with path: 'services -> serviceIsSelected'

内容的提问来源于stack exchange，提问作者xRay