下面是一个示例代码,展示了如何使用Angular创建响应式表单单选按钮组:
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule,
ReactiveFormsModule
]
})
export class YourModule { }
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'your-component',
templateUrl: './your-component.component.html',
styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
form: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.form = this.formBuilder.group({
radioGroup: this.formBuilder.group({
option: new FormControl()
})
});
}
}
Selected option: {{ form.get('radioGroup.option').value }}
这样,你就可以使用Angular创建一个响应式表单单选按钮组,并在需要时获取用户选择的选项。