在Angular 8中,如果在子组件中使用嵌套响应式表单,并且表单不起作用,可以尝试以下解决方法:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-child-component',
templateUrl: './child-component.component.html',
styleUrls: ['./child-component.component.css']
})
export class ChildComponentComponent implements OnInit {
nestedForm: FormGroup;
constructor() { }
ngOnInit() {
this.nestedForm = new FormGroup({
nestedControl: new FormControl('') // 使用FormControl创建嵌套的表单控件
});
}
}
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-parent-component',
templateUrl: './parent-component.component.html',
styleUrls: ['./parent-component.component.css']
})
export class ParentComponentComponent implements OnInit {
form: FormGroup;
constructor() { }
ngOnInit() {
this.form = new FormGroup({
control1: new FormControl(''),
control2: new FormControl(''),
nestedForm: new FormGroup({
nestedControl: new FormControl('') // 使用FormControl创建嵌套的表单控件
})
});
}
}
通过以上步骤,可以在子组件中使用嵌套响应式表单,并使其正常工作。