使用NgbBootstrap在Angular中的反应形式，单选按钮不会更新模型

Question

我有一个主窗体，里面是一个窗体组数组。我的代码是：

this.mainForm = this.formBuilder.group(
  {
    hubName: this.hub.name,
    hubDescription: this.hub.description,
    sections: this.sectionForm // this is of type FormArray
  },
  {
    validator: CustomValidators.hubMainValidator
  });

我遍历项目集合，通过执行

创建每个部分

return this.formBuilder.group(
  {
    ...
    textColor: section.textColor,
    ...
  },
  {
    validator: CustomValidators.sectionValidator
  }
);

我试图通过单选按钮更改的部分是'textColor'属性。

我的标记是

<div ngbRadioGroup name="text-color-radio" formControlName="textColor">
    <div class="btn-group mr-auto" data-toggle="buttons">
        <label class="btn btn-primary">
           <input type="radio" id="text-light-{{i}}" [value]="lightColor"> Light Text
        </label>

        <label class="btn btn-primary">
           <input type="radio" id="text-dark-{{i}}" [value]="darkColor"> Dark Text
         </label>
     </div>
 </div>

我发现最初设置了该值，并且在加载页面时突出显示正确的单选按钮。但是，当我更改单选按钮时，表单值不会更改。我尝试过the NgbBootstrap suggestion和the angular suggestion，但两次尝试都会产生相同的结果。

由于