Angular reactive form returning same value many times

Question

i'm doing a console.log in order to print a needed value.. i'm doing exactly this way

console.log(this.orderForm.get('addressId')?.value);

it's expected to be printed a single value, but that's not my case.. it has being printing the value so many times.. I need this value to search an address in an array, just like

this.addresses.find(x => x.id == this.orderForm.get('addressId')?.value);

but as I'm receiving it so many times, the find()/filter() method is breaking..

I guess it's something related to subscribe/unsubscribe, but haven't find anything about this on web..

ps: this method is in my html code just like <span> getAddress() </span>

angular.io/api/core/ChangeDetectionStrategy

Eugene
– Eugene

2022-10-26 03:10:30 +00:00
Commented Oct 26, 2022 at 3:10 — Eugene
– Eugene, Commented Oct 26, 2022 at 3:10

Đỗ văn Thắng · Accepted Answer · 2022-10-26 03:48:40Z

1

Because this function

<span>getAddress()</span>

you are in HTML, so it will update regularly according to the form.

You can update as follows:

<span (click)="getAddress()"> Click here! </span>

answered Oct 26, 2022 at 3:48

Đỗ văn Thắng

1858 bronze badges

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

Comments

bigstack · Accepted Answer · 2022-10-26 04:25:35Z

0

Try below like

this.addresses.find(x => x.id === (this.orderForm.get('addressId')?.value));

instead of

this.addresses.find(x => x.id == this.orderForm.get('addressId')?.value);

Hope it should be work!

answered Oct 26, 2022 at 4:25

bigstack

12 bronze badges

Collectives™ on Stack Overflow

Angular reactive form returning same value many times

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