argos/dmp-admin/src/app/field-form/field-form.component.ts

36 lines
871 B
TypeScript

import { Component, Input } from '@angular/core';
import { FormGroup } from '@angular/forms';
import { Field } from '../models/Field';
import { Rule } from '../models/Rule';
import { Multiplicity } from '../models/Multiplicity';
import { FormArray } from '@angular/forms/src/model';
@Component({
selector: 'field-form',
templateUrl: './field-form.component.html',
styleUrls: []
})
export class FieldFormComponent {
@Input() form: FormGroup;
@Input() dataModel: Field;
constructon(){}
ngOnInit(){
console.log("init field")
// this.addNewRule();
}
addNewRule(){
let rule: Rule = new Rule();
this.dataModel.visible.rules.push(rule);
(<FormArray>this.form.get("visible").get("rules")).push(rule.buildForm());
}
DeleteRule(index){
this.dataModel.visible.rules.splice(index);
(<FormArray>this.form.get("visible").get("rules")).removeAt(index);
}
}