Angular2 - Two way binding for input Field

Question

I have an input field of type number. When the user enter multiple zeros (0s) and moves to the next input field, the multiple zeros should go back to single 0.

I have tried the following code in the plunkr: https://plnkr.co/edit/dyCp5ZMKOkZvcsw4F8og?p=preview

<input [(ngModel)]="value" type="number" class="form-control" id="valueId" 
(ngModelChange)="valuechange($event)">

valuechange(newValue) {
//newValue = newValue.toString().replace(/^0+/, '0');
newValue=parseInt(newValue.toString());
console.log(newValue);
}

your plunker having different code , Please check and update plunker — Pardeep Jain
– Pardeep Jain, Commented Apr 20, 2018 at 11:27

Pardeep Jain · Accepted Answer · 2018-04-20 11:46:59Z

6

You just need to set 0 as a string when the value is 0, and call function onchange instead. like this

<input [(ngModel)]="value" type="number" class="form-control" id="valueId" 
      (change)="valuechange($event)">


if(this.value === 0){
      this.value = '0';
}

PS: No need to convert using parseInt and toString()

Working Example

answered Apr 20, 2018 at 11:46

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

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

1 Comment

Pardeep Jain Over a year ago

Glad to know @shweta , if you get what you want please mark it as accepted and upvote it !!

Collectives™ on Stack Overflow

Angular2 - Two way binding for input Field

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related