要实现Angular 9响应式表单根据单选按钮的选择显示隐藏div,可以按照以下步骤进行操作:
formGroup
指令创建一个表单组,并为每个单选按钮使用formControlName
指令绑定一个表单控件。
FormGroup
实例,并定义一个表单控件。import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } 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() { }
ngOnInit() {
this.myForm = new FormGroup({
option: new FormControl('')
});
}
}
ngOnInit
钩子函数初始化表单,并在模板中使用myForm.controls.option.value
来获取选择的单选按钮的值,从而控制要显示/隐藏的div。通过以上步骤,即可实现Angular 9响应式表单根据单选按钮的选择显示隐藏div。