NativeScript: Formatting number typescript

Question

I am totally new to nativescript and googling for the some basic stuff is harder than it should be... What i want to do is basically this: I have the number

1234567.89

in a variable, and i want to show it in a label with the format

"1,234,567.89"

Also, always show 2 decimals in case that 89 is 0 instead.

Thanks for the help in advance

Just to add on to the answers below, this isn't a NativeScript question but a general javascript question (which includes typescript since it's a superset of js) — Brad Martin, Apr 10 '17 at 21:46

HolgerJeromin · Accepted Answer · 2017-04-10T14:41:31.820

23

If you target to modern browsers you can use:

new Intl.NumberFormat('en-us', {minimumFractionDigits: 2}).format(1234567.89)

or

(1234567.89).toLocaleString('en-us', {minimumFractionDigits: 2})

For browser support: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

edited Apr 10 '17 at 14:41

answered Apr 10 '17 at 14:35

HolgerJeromin

2,201
20
21

thanks, both suggestions and the link were what is was looking for! – Ariel Capozzoli Apr 10 '17 at 14:48

score 3 · Answer 2 · answered Apr 10 '17 at 14:33

TypeScript is a superset of JavaScript meaning that what you can do in JavaScript can be done in TS as well (but not the other way around). That said look at this article.

Now talking in the context of NativeScript, you can either provide the data to your binding context in the right format or use valueConverter.

Here you can find examples on how to use value converters with data binding

NativeScript: Formatting number typescript

2 Answers2

Linked