多个离子复选框，相同的 formControlName

Question

我有一个 Angular 与多个 ion-checkboxes 具有相同formControlName 的反应，但是当一个 checked/unchecked.

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