Angular 2如何从动态兄弟组件中收集数据?

时间:2017-03-03 07:41:27

标签: angular

大家好我的主要组件中有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> 

所以我需要在“报价摘要”中评估表格。组件

0 个答案:

没有答案