patching value inside of rows in angular 4

Question

How can i patch the value inside of my row. I have this unit_price that if i selected a specific ingredient in the select option, it would patch it in the input field of the unit_price? Pls see this link for the codes SEE THIS LINK

onSelectIngredient(event): void {
    const formData ={
      ingredient_id: event.target.value
    }
    console.log(formData);
    this.patchValues();
  }

Rahul Singh · Accepted Answer · 2017-12-30 08:01:54Z

1

Make the following Changes to the patchValue method.

 patchValues(id,i) {
    let x = (<FormArray>this.addForm.controls['rows']).at(i);
    console.log(x);

    x.patchValue({
      unit_price: this.ingredients[id - 1].price
    });
  }



  onSelectIngredient(event,i): void {
    const formData = {
      ingredient_id: event.target.value
    }
    console.log(formData,i);
    this.patchValues(event.target.value,i);
  }

Template Changes

<select (change)="onSelectIngredient($event,i)" class="form-control" formControlName="ingredient_id"> // to get the row id

Working example in link

edited Dec 30, 2017 at 8:01

answered Dec 30, 2017 at 7:56

Rahul Singh

19.7k13 gold badges69 silver badges96 bronze badges

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

2 Comments

Joseph Over a year ago

Can you explain what this line means? "this.ingredients[id - 1].price". Why do you write "[id - 1]"? Thanks

Rahul Singh Over a year ago

because the row count from the template starts from 1 where as our array it starts with 0 this is the reason @Joseph

Collectives™ on Stack Overflow

patching value inside of rows in angular 4

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related