angular2 input value bind from another input with ngmodel directive

Question

Consider i have two inputs like the below

<input [(ngModel)]="value1" type="number">
<input [(ngModel)]="value2" type="number">

the value2 should be updated when i type any number in value1.

I tried something like below

<input [ngModel]="value1" (ngModelChange)="value2=value1*value2" type="number">
<input [(ngModel)]="value2" type="number">

but the [value2=value1*value2] updates the value1 with the value2 data

ranakrunal9 · Accepted Answer · 2016-10-19 12:07:14Z

1

Try change event instead of ngModelChange as below :

<input [(ngModel)]="value1" (change)="value2=value1*value2" type="number">
<input [(ngModel)]="value2" type="number">

answered Oct 19, 2016 at 12:07

ranakrunal9

13.6k3 gold badges44 silver badges43 bronze badges

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

Comments

Jigar7521 · Accepted Answer · 2016-10-19 12:08:44Z

1

Try ng-change event :

<input ngModel="value1" ng-change="value2=value1*value2" type="number">
<input ngModel="value2" type="number">

answered Oct 19, 2016 at 12:08

Jigar7521

1,5791 gold badge14 silver badges29 bronze badges