I have a reactive form for entering sales that has multiple identical lines (item#, description, quantity, retail, and extended retail). It is using a FormArray if that makes any difference on the answer. If I add (change)="onChangeItem($event) to the itemNumber field, the function is fired as expected. However, I can’t figure out which itemNumber field was changed (i.e. which line). The only solution I have come up with is to append the index to the id of each field so the ids will be like itemNumber1, itemNumber2, etc. but that seems like an odd way to do it. Is there something in the event that tell me which item was changed or is there another way to determine this? My goal is to not process every line every time one line changes.

I have a reactive form for entering sales that has multiple identical lines (item#, description, quantity, retail, and extended retail). It is using a FormArray if that makes any difference on the answer. If I add (change)="onChangeItem($event) to the itemNumber field, the function is fired as expected. However, I can’t figure out which itemNumber field was changed (i.e. which line). The only solution I have come up with is to append the index to the id of each field so the ids will be like itemNumber1, itemNumber2, etc. but that seems like an odd way to do it. Is there something in the event that tell me which item was changed or is there another way to determine this? My goal is to not process every line every time one line changes.

I need help for applying disable validator on nested form.

I developed a custom componet as form field, for doing so I implemented a directive following this article on mediumenter link description here,

I have a form that looks like this:

I’m posting this so I can solve it because it was a big problem for me until just now. Angular reactive forms with <mat-form-field> will clip half the label inside a flex-box without doing anything to it.

i have bellow form input

I have an Angular reactive form where a form group has an expensive validation, so I wanted to try and debounce the call to the actual validation.

Using Angular 17 and reactive form.

Using Angular 17 and reactive form.