xxx.page.html
<ion-list>
<ion-radio-group [(ngModel)]="user.value" (ionChange)='getValue()'>
<ion-list-header>
<ion-label>请选择性别</ion-label>
</ion-list-header>
<ion-item>
<ion-label>男</ion-label>
<ion-radio slot="start" value="男" checked></ion-radio>
</ion-item>
<ion-item>
<ion-label>女</ion-label>
<ion-radio slot="start" value="女"></ion-radio>
</ion-item>
</ion-radio-group>
</ion-list>
xxx.page.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-change-my-sex',
templateUrl: './change-my-sex.page.html',
styleUrls: ['./change-my-sex.page.scss'],
})
export class ChangeMySexPage implements OnInit {
public user={
value:null
}
constructor() { }
ngOnInit() {
}
getValue(){
console.log('我选中的是', this.user.value)
}
}