Ionic2 Angular2如何将数组传递给作为反应形式一部分的组件
我正在使用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">
资格
,我需要将数组传递给该组件(以便使用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: ['']
});
}