在Angular中,可以使用模板引用变量来获取单选按钮的值。以下是解决方法的代码示例:
export class RadioComponent {
options = [
{ label: 'Option 1', value: 'option1' },
{ label: 'Option 2', value: 'option2' },
{ label: 'Option 3', value: 'option3' }
];
onRadioChange(value: string) {
console.log('Selected option: ', value);
// 可以在这里进行其他操作
}
}
在上述代码中,我们使用ngFor循环创建了一组单选按钮,并使用模板引用变量#radioBtn
来获取选中的值。在change
事件中,调用onRadioChange
方法来处理选中值的变化。
注意:单选按钮必须具有相同的name
属性,以确保它们在同一组中。