What is the correct way to set the value of a control in a @angular/forms reactive form?

Question

JavaScript

There are many inputs in the form, the user enters values ​​in certain of them, and after clicking on submit, the values ​​of neighboring inputs are calculated based on these values.
The form model is created in the constructor using FormBuilder.group().
Here is an example:

form.controls['listingBrokerCommission'].setValue(sellingPrice * listingBrokerCommissionPercent / 100);
form.controls['estimatedSellersNetProceeds'].setValue(sellingPrice -listingBrokerCommission);

In the second line, the listingBrokerCommission gets the initialValue from the constructor, not the value received by the line above. Can you tell me what I'm doing wrong and how can I use the new listingBrokerCommission value?

Answer 1

Like this? https://ng-run.com/edit/O0xfejdvDIF5VGb3576J