大家好我的主要组件中有2个相同级别的组件,我的兄弟组件之一有一个表单,我需要从另一个兄弟组件中收集该表单数据
<tab [tabTitle]="'Quote'"> <div #quotedetails></div> </tab>
#quotedetails
- 来自动态使用ComponentFactoryResolver
的此加载,这包括带数据的表单
这是我的表格
<form [formGroup]="policyForm">
<input type="text" class="form-control" formControlName="PostCode" placeholder="Post Code" />
</form >
并在我的组件端使用FormBuilder构建控制器
policyForm: FormGroup;
constructor(private fb: FormBuilder) {
this.policyForm = this.fb.group({
PostCode : this.fb.control(null),
}),
}
这是我如何在主要组件中呈现动态组件
@ViewChild('quotedetails', { read: ViewContainerRef }) target: ViewContainerRef;
private componentRef: ComponentRef<any>;
private children = {
LHI: LHIComponent,
Test: TestComponent
};
ngAfterContentInit() {
let childComponent = this.children['LHI'];
let componentFactory = this.compiler.resolveComponentFactory(childComponent);
this.componentRef = this.target.createComponent(componentFactory);
}
constructor(private policyService: PolicyService, private compiler: ComponentFactoryResolver) {
}
这是兄弟视图
<quote-summary [policyDetail]="policyDetail" [summary]="summary" ></quote-summary>
所以我需要在“报价摘要”中评估表格。组件