angular6: How to display value of form

Question

I want to display only information from the form that controlname is in myObject.

this.form = this.FormBuilder.group({
  lname:[null, Validators.compose([Validators.required])],
  fname: [null, Validators.compose([Validators.required])],
  phone:[null, Validators.compose([Validators.required])],
  id:[null, Validators.compose([Validators.required])],
  age:[null, Validators.compose([Validators.required])],
});

I only want to display the values in this object

this.myObject = {0:"id", 1:"fname", 2:"lname"}



for (var val in this.myObject ) {
console.log(this.form.value.myObject [val] )

}

Lia · Accepted Answer · 2018-12-15 06:25:45Z

1

you can try:

for(let item in this.myObject){
      console.log(this.form.controls[this.myObject[item]].value) 
      console.log(this.form.get(this.myObject[item]).value) // or
      console.log(this.form.value[this.myObject[item]]) // or
   }

answered Dec 15, 2018 at 6:25

Lia

12k3 gold badges36 silver badges53 bronze badges

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

Comments

web.dev · Accepted Answer · 2018-12-15 06:15:41Z

0

Inside for loop: this.form.get(val).value

FormGroup.get(controllerName: string) returns AbstractController

answered Dec 15, 2018 at 6:15

web.dev

3591 silver badge6 bronze badges

Collectives™ on Stack Overflow

angular6: How to display value of form

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related