convert string to number angular 2 one way binding

Question

convert the string to number angular 2 one way binding

[longitude]="loc.location.lng">

loc.location.lng is string i need to convert them to number.but still not working as I expect. In interpolation it's working but in this not working. Thanks

Actually what is working what is not working? and what you tried? — Ramesh Rajendran
– Ramesh Rajendran, Commented Aug 24, 2017 at 11:27
Hope this will help you stackoverflow.com/questions/45482593/… — jesusverma
– jesusverma, Commented Aug 24, 2017 at 11:45

Andrei Matracaru · Accepted Answer · 2017-08-24 11:42:43Z

14

You could also force the cast by trying this:

[longitude]="+loc.location.lng"

answered Aug 24, 2017 at 11:42

Andrei Matracaru

3,6811 gold badge27 silver badges30 bronze badges

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

1 Comment

Ramesh Rajendran Over a year ago

What about it if the value of loc.location.lng is null?

Adiii · Accepted Answer · 2017-08-24 14:18:52Z

6

Make a function which convert the value to float as its location and return the value.

    ConvertString(value){
return parseFloat(value)
}

Call the function in template

[longitude]="ConvertString(loc.location.lng)"

edited Aug 24, 2017 at 14:18

answered Aug 24, 2017 at 13:31

Adiii

61k10 gold badges179 silver badges173 bronze badges

3 Comments

user663031 Over a year ago

Unlikely that it would work with the typo Covert <=> Convert. I'm also not sure what the [longitude]={...} syntax does. What is the meaning of the curly brackets? And you're missing a right paren. Finally, is it really that much trouble to properly format and indent your code?

Adiii Over a year ago

Updated u can check it was typo mistake

Arun CM Over a year ago

Do not use this approach, use a custom pipe instead. You should never use function calls in Angular template Why you should never use function calls in Angular template expressions

Justice Addico · Accepted Answer · 2021-03-28 06:35:45Z

4

adii's answer is not good in terms of performance since change detection will cause the method to run several times .. consider using a pipe.

answered Mar 28, 2021 at 6:35

Justice Addico

942 bronze badges

Collectives™ on Stack Overflow

convert string to number angular 2 one way binding

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related