change variable when inputs changed in Angular

Question

When numbers are entered in the price(Fiyat) fields in the picture, I want the place that says 0 TL to change. The place that says 0 TL should be the sum of the numbers step by step. How can i do that?

<td><input (keypress)="keyPressNumbersWithDecimal($event)" type="text" id="price_{{i}}" name="price"/></td>

<td colspan="3" style="color: #f87575; text-align: right; ">{{totalPrice}} TL</td>

Note : number of inputs is dynamic

are the total number of inputs dynamic in number? if they are static you could just use two way binding. Then your 0 TL would be something like <span>{{ prop1 + prop2 + prop3}} TL</span> — Monofuse
– Monofuse, Commented Aug 28, 2022 at 20:21

Buchi · Accepted Answer · 2022-08-28 23:22:20Z

0

Instead of

<input (keypress)="keyPressNumbersWithDecimal($event)" type="text" id="price_{{i}}" name="price"/>

Try

<input [(ngModel)]="totalPrice" type="text" id="price_{{i}}" name="price"/>

answered Aug 28, 2022 at 23:22

Buchi

5162 gold badges7 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

change variable when inputs changed in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related