在离子中选择后再次打开离子丢失时，如何在单选按钮中显示选中的值答案

【问题标题】：how to show the selected value in radio button as checked when opening the ion-lost again after selection in ionic在离子中选择后再次打开离子丢失时，如何在单选按钮中显示选中的值
【发布时间】：2020-06-18 16:44:12
【问题描述】：

我有一个字段可以打开一个包含 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>

第二次打开列表时如何显示选中的选项。

【问题讨论】：

标签： iphone ionic-framework ionic4

【解决方案1】：

您最好使用ion-select 来实现此类功能..

如果您使用的是最新的离子版本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']
  }
}

【讨论】：