How to use parseInt at Html side in angular2

Question

I have used below code for total :

<span>  
 {{ ((item.USWIPQtyValue * 1)) + (item.UKWIPQtyValue * 1)}}    </span>

Here I can't convert string to int. So in begining time NaN is displayed in span tag. So how to apply parseInt function at html side.

When I have no value then it is taking Nan in span then what to do? — Mansi Kalola
– Mansi Kalola, Commented Jan 9, 2017 at 12:14

Petr Adam · Accepted Answer · 2017-01-10 20:56:43Z

1

Try to initiliaze your item object correctly before initial load. In javascript, undefined * 1 is equal to NaN (Not a Number) and NaN + NaN = NaN (still Not a Number).

So I guess your expression evaluates as (undefined * 1) + (undefined * 1) = NaN + NaN = NaN

Both USWIPQtyValue and UKWIPQtyValue must be set like:

var item = {
    USWIPQtyValue: 0,
    UKWIPQtyValue: 0
};

edited Jan 10, 2017 at 20:56

answered Jan 9, 2017 at 12:17

Petr Adam

1,45711 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

How to use parseInt at Html side in angular2

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