argos/dmp-frontend/src/app/form/dynamic-form-composite-field/dynamic-form-composite-field.ts

import { VisibilityRulesService } from '../../visibility-rules/visibility-rules.service';
import { CompositeField } from '../../models/CompositeField';
import { FormGroup, FormArray } from '@angular/forms';
import { Section } from '../../entities/model/section';
import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
import { Field } from '../../models/Field';
@Component({
  selector: 'df-composite-field',
  templateUrl: './dynamic-form-composite-field.html',
  styleUrls: [
    './dynamic-form-composite-field.css'
  ],
  encapsulation: ViewEncapsulation.None,
})
export class DynamicFormCompositeFieldComponent implements OnInit {

  @Input() compositeField: CompositeField
  @Input() form: FormGroup;
  @Input() pathName: string;
  @Input() path: string;

  constructor(private visibilityRulesService: VisibilityRulesService) { }

  ngOnInit() {
    console.log(this.form);
    if (this.compositeField.hasCommentField == true) {
      let newfield: Field = new Field();
      newfield.id = 'comment_' + this.compositeField.id;
      newfield.data = {label: "Comments"};
      newfield.viewStyle =  {renderStyle: 'freetext', cssClass: ''};
      newfield.validations = ["None"]

      this.compositeField.fields.push(newfield);
      (<FormArray>this.form.get("fields")).push(newfield.buildForm());
    }
  }

  addMultipleField(fieldIndex: number) {
    let field: Field = this.compositeField.fields[fieldIndex].cloneForMultiplicity(fieldIndex, "");
    this.compositeField.fields[fieldIndex].multiplicityItems.push(field);
    (<FormArray>(this.form.get("fields").get('' + fieldIndex).get('multiplicityItems'))).push(field.buildForm());
  }
}