Angular2 reactive form default input value

Question

I've got following code that initialize form in my component:

let editMode: boolean = !!this.template.templateId;

this.editTemplateForm = this.formBuilder.group({
  templateId: {value: editMode ? this.template.templateId : '', validators: [Validators.required, this.templateIdValidator]},
  dataStorageTime: {value: editMode ? this.template.dataStorageTime : this.globalParameter.dataStorageTime, Validators.required, Validators.pattern("[0-9]+")]});

Value of variable this.template.templateId is undefined, so editMode is false. For dataStorageTime correct default value is set in linked input in form. Hovewer, for templateId input is set to "[object Object]" instead of empty string.

I'm using angular2 final realease.

mdziob · Accepted Answer · 2016-10-25 08:44:41Z

2

This is the solution to my problem:

this.editTemplateForm = this.formBuilder.group({
templateId: [editMode ? this.template.templateId : '', [Validators.required, this.templateIdValidator]],
dataStorageTime: [editMode ? this.template.dataStorageTime : this.globalParameter.dataStorageTime, [Validators.required, Validators.pattern("[0-9]+")]]
});

answered Oct 25, 2016 at 8:44

mdziob

1,17613 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AVJT82 Over a year ago

Upped your answer @mdziob, I've been banging my head for the regex pattern and tried a bunch of things, but never tried adding + in the pattern! Now my code works :D

Collectives™ on Stack Overflow

Angular2 reactive form default input value

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related