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 {{ prop1 + prop2 + prop3}} TL — Monofuse, Aug 28 '22 at 20:21

score 0 · Answer 1 · answered Aug 28 '22 at 23:22

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 '22 at 23:22

Buchi

368
1
4
16

change variable when inputs changed in Angular

1 Answers1