Ionic radio 활용 예시 *ngFor

<ion-radio-group aira-owns="rad1 rad2 rad3" formControlName="auth" value="auth">
  <ion-list class="flex gap-3">
    <ion-radio id="rad1" slot="start" color="tertiary" value="마스터">마스터</ion-radio>
    <ion-radio id="rad2" slot="start" color="tertiary" value="매니저">매니저</ion-radio>
    <ion-radio id="rad3" slot="start" color="tertiary" value="일반">일반</ion-radio>
  </ion-list>
</ion-radio-group>

<div *ngFor="let item of auth" class="flex">
  <label>{{item}}</label>
  <input
    formControlName="auth"
    class="accent-primary w-12 y-12 cursor-pointer"
    type="radio"
    [value]="item"
    [checked]="item === admin.auth"
  />
</div>

1. radio 의 경우 독립적인 값 value 필수입니다.

2. name (formControlName) 이 같다면 같은 것 중에서 하나만 선택할 수 있게 됩니다.