Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic2 Angular2如何将数组传递给作为反应形式一部分的组件_Ionic2_Angular2 Forms_Angular Reactive Forms - Fatal编程技术网

Ionic2 Angular2如何将数组传递给作为反应形式一部分的组件

Ionic2 Angular2如何将数组传递给作为反应形式一部分的组件,ionic2,angular2-forms,angular-reactive-forms,Ionic2,Angular2 Forms,Angular Reactive Forms,我正在使用Angular2被动表单(这是一个简历表单),表单上有几个字段,然后是一个组件资格,我需要将数组传递给该组件(以便使用loop可以显示用户的资格) 这就是我将数据传递给组件的方式qualifications <ion-list-header> Qualification & Education </ion-list-header> <div formArrayName="qualifications">

我正在使用Angular2被动表单(这是一个简历表单),表单上有几个字段,然后是一个组件
资格
,我需要将数组传递给该组件(以便使用loop可以显示用户的资格)

这就是我将数据传递给组件的方式
qualifications

        <ion-list-header> Qualification & Education </ion-list-header>
        <div formArrayName="qualifications">
            <div *ngFor="let qualification of profileForm.controls.qualifications.controls; let i=index"
                 class="panel panel-default">
                <qualifications [group]="profileForm.controls.qualifications.controls[i]"></qualifications>
            </div>
        </div>
这就是限定数组的外观

0:{id: 1744687, location: "Singapore", position: "B Tech", at_date: "09/2014"}
1:{id: 1762435, location: "Singapore", position: "B Tech 2", at_date: "11/2014"}
2:{id: 1802837, location: "Singapore", position: "B Tech 3", at_date: "12/2016"}
我无法理解如何将对象数组传递给该组件,以便它能够在循环中显示限定条件

ngOnInit
中,我调用
addQualification
函数,如下所示

addQualification() {
    const control = <FormArray>this.profileForm.controls['qualifications'];
    const addrCtrl = this.initAddress();
    control.push(addrCtrl);
}

initAddress() {
    return this.formBuilder.group({
        position: ['', Validators.required],
        location: [''],
        at_date: ['']
    });
}
addQualification(){
const control=this.profileForm.controls['qualifications'];
const addrCtrl=this.initAddress();
控制按钮(addrCtrl);
}
initAddress(){
返回此.formBuilder.group({
职位:['',验证器。必填],
地点:[''],
截止日期:['']
});
}
我遇到的问题是表单只显示数组的第一个对象,而不是循环

addQualification() {
    const control = <FormArray>this.profileForm.controls['qualifications'];
    const addrCtrl = this.initAddress();
    control.push(addrCtrl);
}

initAddress() {
    return this.formBuilder.group({
        position: ['', Validators.required],
        location: [''],
        at_date: ['']
    });
}