多个ion-checkbox，具有相同的formControlName

Question

我有一个来自多个ion-checkboxes且具有相同formControlName的Angular Reactive，但是当选中/取消选中它们时，它们不会保持同步。

<ion-item lines="none">
    <ion-label color="dark">Client</ion-label>
    <ion-checkbox formControlName="client" (click)="clientToggle()" slot="end"></ion-checkbox>
</ion-item>

---

public clientToggle() {
    this.cubeForm.controls.client.setValue(!this.cubeForm.controls.client.value);
}

Answer 1

将html更改为：

<ion-checkbox formControlName="client [checked]="cubeForm.controls['client'].value" slot="end"></ion-checkbox>