2017-11-27 14:35:00 +01:00
|
|
|
import { Component, Input, OnInit } from '@angular/core';
|
|
|
|
import { FormGroup } from '@angular/forms';
|
|
|
|
import { FieldGroup } from '../models/FieldGroup';
|
|
|
|
import { CompositeField } from '../models/CompositeField';
|
|
|
|
import { FormArray } from '@angular/forms/src/model';
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: 'groupfield-form',
|
|
|
|
templateUrl: './groupfield-form.component.html',
|
|
|
|
styleUrls: []
|
|
|
|
})
|
|
|
|
|
|
|
|
export class GroupFieldFormComponent {
|
|
|
|
@Input() form: FormGroup;
|
|
|
|
@Input() dataModel: FieldGroup;
|
|
|
|
|
|
|
|
constructor(){}
|
|
|
|
|
|
|
|
ngOnInit(){
|
2017-11-27 17:42:26 +01:00
|
|
|
// this.addNewField();
|
2017-11-27 14:35:00 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
addNewField(){
|
|
|
|
let compositeField: CompositeField = new CompositeField();
|
|
|
|
this.dataModel.compositeFields.push(compositeField);
|
|
|
|
(<FormArray>this.form.get("compositeFields")).push(compositeField.buildForm());
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|