要检查 Angular 2 中单选按钮的选择值,可以使用[(ngModel)]指令和change事件。以下是一个示例解决方案:
首先,在组件的HTML模板中,添加单选按钮组和一个表示选择值的变量:
Option 1
Option 2
Option 3
然后,在组件的TypeScript文件中,定义一个表示选择值的变量和一个用于检查选择值的方法:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
selectedOption: string;
checkSelectedValue() {
console.log(this.selectedOption); // 在控制台中打印选择的值
}
}
在上面的代码中,selectedOption变量用于存储用户选择的值。每当用户选择一个选项时,change事件将触发checkSelectedValue方法,并在控制台中打印所选值。
请确保正确导入Angular的FormsModule,以便能够使用[(ngModel)]指令。
希望这个示例对您有帮助!