CODEWITHSUNDEEP
typescriptnativescript
Ariel Capozzoli
Ariel Capozzoli

Reputation: 795

NativeScript: Formatting number typescript

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

Upvotes: 10

Views: 40378

Answers (3)

lozano
lozano

Reputation: 1

In the NumberFormat options we can set the useGrouping indicator to true:

{ minimumFractionDigits: 2, useGrouping: true }

Upvotes: 0

HolgerJeromin
HolgerJeromin

Reputation: 2462

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

Upvotes: 27

Nick Iliev
Nick Iliev

Reputation: 9670

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

Upvotes: 3

Related Questions