how avoid that the input type number delete the "0" final in a number

Question

This is my html code:

 <input type="number" class="form-control" [(ngModel)]="home"  name="home" >

The problem is that I want to show the number in this way:

( I want a number with unlimited integer part and at least two digits)

With my code if there is this numbero 100.10 it show me 100.1. Anyone can help me?

You can use ngx-mask ref: https://www.npmjs.com/package/ngx-mask — Suryan, Oct 24 '18 at 07:30
You can try and convert it into string as shown in [this](https://stackoverflow.com/a/3613112/7812112) — Sarthak Aggarwal, Oct 24 '18 at 07:43
@SarthakAggarwal but after how I can do binding with the variable in .ts file, because this.home in ts component is number — Doflamingo19, Oct 24 '18 at 07:46
@Doflamingo19 in your _.component.html_, use `{{home.toString()}}` — Sarthak Aggarwal, Oct 24 '18 at 07:49

score 2 · Accepted Answer · answered Oct 24 '18 at 08:04

2

You can use parseFloat('151.8').toFixed(2);

answered Oct 24 '18 at 08:04

score 0 · Answer 2 · answered Oct 24 '18 at 07:33

0

you should add an prop to the input tag like this

<input type="number" min="0" max="100" step="0.01"/>

that will be work.good luck!

answered Oct 24 '18 at 07:33

qiwei huang

score 0 · Answer 3 · answered Oct 24 '18 at 07:34

0

Assuming you have :

<input type="number" class="form-control" [(ngModel)]="home"  name="home" >

<p>{{home}}</p>

if you try using DecimalPipe of angular you'll get it:

{{home |  number:'1.1-1'}}

answered Oct 24 '18 at 07:34

SeleM

Selem I just try to use thuis solution but when modify the code it doesn't show the number in the input type number! – Doflamingo19 Oct 24 '18 at 07:37
I need ot show the number in the input type number and not in the

tags – Doflamingo19 Oct 24 '18 at 07:42
your code is missing tho, please add that part of modifying and so @Doflamingo19 – SeleM Oct 24 '18 at 07:51

score 0 · Answer 4 · answered Oct 24 '18 at 07:54

You can convert your number to String which will trim the trailing zeros of your number

make the following changes in your .html file

<input type="number" class="form-control" [(ngModel)]="home"  name="home" >
<p>{{home.toString()}}</p> <!-- converting into string -->

4 Answers4