Angular 在ionic 4中动态选择单选按钮

我有一个模式，我有数据从父页面填充。在模式中，我有“性”的组单选按钮，我很难从我的数据中检查正确的性别，以及如何获得性别变化

编辑
我将在默认屏幕上选中女性，每当我第一次单击男性单选按钮时，该值将变为true，在第三次尝试时，男性将被选中，而不会取消选中女性

.ts HTML

女性
男性

我尝试用不同的方法解决您的问题。我没有使用双向数据绑定

[（ngModel）]

，而是使用了

（ionChange）

，它是一个事件发射器

（ionChange）

将检测任何更改，并将事件传递给

onChangeHandler（$event）

。每次触发函数时，将提取事件中的值，替换对象

data.sex中的值

最后，使用属性绑定直接访问
[checked]
的elements属性，根据
data.sex
值动态检查
离子无线电

TS

  public data: any = {
    sex: 'Male'
  };


  onChangeHandler($event) {
    this.data.sex = $event.target.value;
  }

HTML

  <ion-radio-group (ionChange)="onChangeHandler($event)">
    <ion-item>
      <ion-label>Male</ion-label>
      <ion-radio value="Male" [checked]="this.data.sex==='Male'"></ion-radio>
    </ion-item>
    <ion-item>
      <ion-label>Female</ion-label>
      <ion-radio value="Female" [checked]="this.data.sex==='Female'"></ion-radio>
    </ion-item>
  </ion-radio-group>
  <p>{{this.data.sex}}</p>


男性
女性
{{this.data.sex}


你能解释一下你做了什么，以便其他人能从你的回答中学到什么吗？（thx）@elbrant很抱歉，我已经对我的答案做了一些解释。你不需要从
选中的
属性中删除
这个
关键字吗？
  public data: any = {
    sex: 'Male'
  };


  onChangeHandler($event) {
    this.data.sex = $event.target.value;
  }

  <ion-radio-group (ionChange)="onChangeHandler($event)">
    <ion-item>
      <ion-label>Male</ion-label>
      <ion-radio value="Male" [checked]="this.data.sex==='Male'"></ion-radio>
    </ion-item>
    <ion-item>
      <ion-label>Female</ion-label>
      <ion-radio value="Female" [checked]="this.data.sex==='Female'"></ion-radio>
    </ion-item>
  </ion-radio-group>
  <p>{{this.data.sex}}</p>