在Angular 7中,可以使用ngModel或change函数来处理单选框的值变化。下面是两种解决方法的示例:
Male
Female
在组件类中,定义一个selectedGender变量来存储选中的单选框的值,并实现onGenderChange方法来处理值的变化。示例代码如下:
export class AppComponent {
selectedGender: string;
onGenderChange(gender: string) {
console.log('Selected gender:', gender);
// 执行其他逻辑
}
}
Male
Female
在组件类中,实现onGenderChange方法来处理值的变化。示例代码如下:
export class AppComponent {
onGenderChange(event: any) {
const gender = event.target.value;
console.log('Selected gender:', gender);
// 执行其他逻辑
}
}
以上两种方法都可以用来处理单选框的值变化,选择使用哪种方法取决于个人的偏好和项目的需求。