在 Angular 2 中,可以使用 ngModel 指令和单选按钮来实现单选功能。以下是一个示例代码:
HTML 文件:
在上述代码中,我们使用 ngModel 指令将每个单选按钮的值与一个名为 selectedOption 的变量进行双向绑定。
Angular 组件文件:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
selectedOption: string;
}
在组件文件中,我们定义了一个名为 selectedOption 的字符串变量来存储用户选择的选项。
此时,当用户选择不同的单选按钮时,selectedOption 变量的值将自动更新。
这是一个简单的解决方法,你可以根据自己的需求进行修改和扩展。