在Angular 9中,可以使用响应式表单来创建单选按钮。以下是一个包含代码示例的解决方案:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
option: '' // 初始化选项为空
});
}
}
ngOnInit() {
this.myForm.valueChanges.subscribe(value => {
console.log(value.option); // 打印选中的选项值
});
}
通过以上步骤,你就可以在Angular 9中创建一个响应式表单,并使用单选按钮来选择选项。