как показать выбранное значение в радиокнопке, как проверено при повторном открытии ионной потери после выбора в ионной

Question

У меня есть поле, которое открывает список с ion-radio. При выборе опции он показывает выбранное значение как отмеченное, и когда я снова открываю список, отмеченное значение не отображается.

здесь это мой код: код для отображения параметров в модальном контроллере:

 let modal = this.modalCtrl.create(ListComponent, { selectEmpType: type, selectValue: value, customiseColor: this.customiseColor , formMrType :formMrType, limitedRoleList : this.limitedRoleList, formType:this.formType,defaultOU1:this.defaultOus[0],defaultOU2:this.defaultOus[1],defaultOU3:this.defaultOus[2]});
  modal.onDidDismiss(data => {
      if (data.type == 'single') {
  this.setEmpValue(data.data, name); //data.data is the value that is selected from the list
}
}

в listcomponent. html:

<div *ngIf= "formMrType =='employee'">
      <ion-list radio-group [(ngModel)]="relationship">
        <ion-item *ngFor="let option of inputDatas">
        <ion-label>{{option.EMPFullName}}</ion-label>
        <ion-radio [checked]="option.checked" value="{{option.EMPFullName}}"></ion-radio>
      </ion-item>
     </ion-list>
    </div>

как показать выбранный параметр как отмеченный при открытии списка во второй раз.

Answer 1

Желательно использовать ion-select для такой функциональности ..

Если вы используете последние версии ioni c ion-radio-group

Но даже в вашем случае ... можно попробовать что-то вроде этого ...

<ion-radio [checked]="option.checked" value="{{option.EMPFullName}}" (ionBlur)="optionBlur(option)"></ion-radio>

optionBlur(option){
  if(!option['checked']){
    option['checked'] = true;
  }
  else{
    option['checked'] = !option['checked']
  }
}