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

Question

我有一个字段可以打开一个列表，其中包含 ion-radio.On 选择一个选项，它显示选中的值，当我再次打开列表时，选中的值没有显示。

这是我的代码：在模态控制器中显示选项的代码：

 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 来实现此类功能..

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

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

how to show the selected value in radio button as checked when opening the ion-lost again after selection in ionic

iphone

ionic-framework

ionic4