Angular 2 money number space after 3 zeros
for example I have number : 30000 and I want to display it like this : 30 000. What should I use for it ?
More examples : 300000 -> 300 000,
3000000 -> 3000 000.
And not it's not about dots or comas, I want to recognize how many numbers there are and put space between numbers.
javascript angular typescript internationalization
add a comment |
for example I have number : 30000 and I want to display it like this : 30 000. What should I use for it ?
More examples : 300000 -> 300 000,
3000000 -> 3000 000.
And not it's not about dots or comas, I want to recognize how many numbers there are and put space between numbers.
javascript angular typescript internationalization
Possible duplicate of How to format numbers in JavaScript?
– emix
Nov 13 at 8:39
nah its not, there about . and ,
– Angulandy2
Nov 13 at 8:39
There are plenty of examples and solutions here on SO.
– emix
Nov 13 at 8:41
If you knew you wouldnt comment that. No need of those non sence comments here.
– Angulandy2
Nov 13 at 8:42
Possibly related: stackoverflow.com/questions/30843217/…
– McVenco
Nov 13 at 8:43
add a comment |
for example I have number : 30000 and I want to display it like this : 30 000. What should I use for it ?
More examples : 300000 -> 300 000,
3000000 -> 3000 000.
And not it's not about dots or comas, I want to recognize how many numbers there are and put space between numbers.
javascript angular typescript internationalization
for example I have number : 30000 and I want to display it like this : 30 000. What should I use for it ?
More examples : 300000 -> 300 000,
3000000 -> 3000 000.
And not it's not about dots or comas, I want to recognize how many numbers there are and put space between numbers.
javascript angular typescript internationalization
javascript angular typescript internationalization
edited Nov 13 at 8:40
asked Nov 13 at 8:37
Angulandy2
23412
23412
Possible duplicate of How to format numbers in JavaScript?
– emix
Nov 13 at 8:39
nah its not, there about . and ,
– Angulandy2
Nov 13 at 8:39
There are plenty of examples and solutions here on SO.
– emix
Nov 13 at 8:41
If you knew you wouldnt comment that. No need of those non sence comments here.
– Angulandy2
Nov 13 at 8:42
Possibly related: stackoverflow.com/questions/30843217/…
– McVenco
Nov 13 at 8:43
add a comment |
Possible duplicate of How to format numbers in JavaScript?
– emix
Nov 13 at 8:39
nah its not, there about . and ,
– Angulandy2
Nov 13 at 8:39
There are plenty of examples and solutions here on SO.
– emix
Nov 13 at 8:41
If you knew you wouldnt comment that. No need of those non sence comments here.
– Angulandy2
Nov 13 at 8:42
Possibly related: stackoverflow.com/questions/30843217/…
– McVenco
Nov 13 at 8:43
Possible duplicate of How to format numbers in JavaScript?
– emix
Nov 13 at 8:39
Possible duplicate of How to format numbers in JavaScript?
– emix
Nov 13 at 8:39
nah its not, there about . and ,
– Angulandy2
Nov 13 at 8:39
nah its not, there about . and ,
– Angulandy2
Nov 13 at 8:39
There are plenty of examples and solutions here on SO.
– emix
Nov 13 at 8:41
There are plenty of examples and solutions here on SO.
– emix
Nov 13 at 8:41
If you knew you wouldnt comment that. No need of those non sence comments here.
– Angulandy2
Nov 13 at 8:42
If you knew you wouldnt comment that. No need of those non sence comments here.
– Angulandy2
Nov 13 at 8:42
Possibly related: stackoverflow.com/questions/30843217/…
– McVenco
Nov 13 at 8:43
Possibly related: stackoverflow.com/questions/30843217/…
– McVenco
Nov 13 at 8:43
add a comment |
4 Answers
4
active
oldest
votes
consider using a pipe that takes the number, convert it to a string and format it as you like.. you could add a currency two.
example:(more of a point illustration than a working code.. can't test at the moment)
//convert the string to an array
var arr = str.split("");
//back to string with added spaces
let string = "";
let count = 0;
for(i=arr.length-1; i>=0; i--){
if(count<3){
string = arr[i] + string;
count = count+1;
}
else{
string = " " + string;
count=0;
i=i+1;
}
}
1
Can you provide an example please.
– Jonathan Stellwag
Nov 13 at 8:41
2
@JonathanStellwag example is not necessary, because no code was given. The question was what to use for it. And a pipe is the best solution
– PierreDuc
Nov 13 at 8:47
2
An example is not necessary ofc - but for the sake of a good community write 2 lines of code if you know how it works. This will improve the answer itself a lot. I previously gave this answer a upvote. Nevertheless I can ask for an example
– Jonathan Stellwag
Nov 13 at 15:58
add a comment |
Either by using javascript as following:
function numberWithSpaces(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, " ");
return parts.join(".");
}
var num = numberWithSpaces(123456789);
console.log(num);This will output 123 456 789
Edit:
Typescript:
function numberWithSpaces(x) {
let parts = x.toString().split('.');
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, ' ');
return parts.join('.');
}
let num = this.numberWithSpaces(123456789);
console.log(num);add into your typescript file (.ts) which are related to your html which contain your <h2>item.price</h2> replace num with your item.price value.
Or using pipe.
You could see example on Stackblitz
Just simply call by: element.price = format.formatCurrency(element.price);
Once you've define the helper. For your usage you could define by:
<h2 *ngFor="let item of item">{{ item.price }}</h2>
how to use this function if I have <h2>{{item.price}}</h2>
– Angulandy2
Nov 13 at 8:57
updated my answer. you need to add into your ts to define your price = num.
– Mukyuu
Nov 13 at 9:16
add a comment |
Make you own custom pipe:
https://toddmotto.com/angular-pipes-custom-pipes
In the transform function, convert it to a string like so:
Add commas or spaces to group every three digits
add a comment |
Extremely simple way to do this:
function formatNumber(num) {
return num.toString().replace(/B(?=(d{3})+(?!d))/g, ",");
}
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53276902%2fangular-2-money-number-space-after-3-zeros%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
4 Answers
4
active
oldest
votes
4 Answers
4
active
oldest
votes
active
oldest
votes
active
oldest
votes
consider using a pipe that takes the number, convert it to a string and format it as you like.. you could add a currency two.
example:(more of a point illustration than a working code.. can't test at the moment)
//convert the string to an array
var arr = str.split("");
//back to string with added spaces
let string = "";
let count = 0;
for(i=arr.length-1; i>=0; i--){
if(count<3){
string = arr[i] + string;
count = count+1;
}
else{
string = " " + string;
count=0;
i=i+1;
}
}
1
Can you provide an example please.
– Jonathan Stellwag
Nov 13 at 8:41
2
@JonathanStellwag example is not necessary, because no code was given. The question was what to use for it. And a pipe is the best solution
– PierreDuc
Nov 13 at 8:47
2
An example is not necessary ofc - but for the sake of a good community write 2 lines of code if you know how it works. This will improve the answer itself a lot. I previously gave this answer a upvote. Nevertheless I can ask for an example
– Jonathan Stellwag
Nov 13 at 15:58
add a comment |
consider using a pipe that takes the number, convert it to a string and format it as you like.. you could add a currency two.
example:(more of a point illustration than a working code.. can't test at the moment)
//convert the string to an array
var arr = str.split("");
//back to string with added spaces
let string = "";
let count = 0;
for(i=arr.length-1; i>=0; i--){
if(count<3){
string = arr[i] + string;
count = count+1;
}
else{
string = " " + string;
count=0;
i=i+1;
}
}
1
Can you provide an example please.
– Jonathan Stellwag
Nov 13 at 8:41
2
@JonathanStellwag example is not necessary, because no code was given. The question was what to use for it. And a pipe is the best solution
– PierreDuc
Nov 13 at 8:47
2
An example is not necessary ofc - but for the sake of a good community write 2 lines of code if you know how it works. This will improve the answer itself a lot. I previously gave this answer a upvote. Nevertheless I can ask for an example
– Jonathan Stellwag
Nov 13 at 15:58
add a comment |
consider using a pipe that takes the number, convert it to a string and format it as you like.. you could add a currency two.
example:(more of a point illustration than a working code.. can't test at the moment)
//convert the string to an array
var arr = str.split("");
//back to string with added spaces
let string = "";
let count = 0;
for(i=arr.length-1; i>=0; i--){
if(count<3){
string = arr[i] + string;
count = count+1;
}
else{
string = " " + string;
count=0;
i=i+1;
}
}
consider using a pipe that takes the number, convert it to a string and format it as you like.. you could add a currency two.
example:(more of a point illustration than a working code.. can't test at the moment)
//convert the string to an array
var arr = str.split("");
//back to string with added spaces
let string = "";
let count = 0;
for(i=arr.length-1; i>=0; i--){
if(count<3){
string = arr[i] + string;
count = count+1;
}
else{
string = " " + string;
count=0;
i=i+1;
}
}
edited Nov 13 at 9:04
answered Nov 13 at 8:41
Me1o
2236
2236
1
Can you provide an example please.
– Jonathan Stellwag
Nov 13 at 8:41
2
@JonathanStellwag example is not necessary, because no code was given. The question was what to use for it. And a pipe is the best solution
– PierreDuc
Nov 13 at 8:47
2
An example is not necessary ofc - but for the sake of a good community write 2 lines of code if you know how it works. This will improve the answer itself a lot. I previously gave this answer a upvote. Nevertheless I can ask for an example
– Jonathan Stellwag
Nov 13 at 15:58
add a comment |
1
Can you provide an example please.
– Jonathan Stellwag
Nov 13 at 8:41
2
@JonathanStellwag example is not necessary, because no code was given. The question was what to use for it. And a pipe is the best solution
– PierreDuc
Nov 13 at 8:47
2
An example is not necessary ofc - but for the sake of a good community write 2 lines of code if you know how it works. This will improve the answer itself a lot. I previously gave this answer a upvote. Nevertheless I can ask for an example
– Jonathan Stellwag
Nov 13 at 15:58
1
1
Can you provide an example please.
– Jonathan Stellwag
Nov 13 at 8:41
Can you provide an example please.
– Jonathan Stellwag
Nov 13 at 8:41
2
2
@JonathanStellwag example is not necessary, because no code was given. The question was what to use for it. And a pipe is the best solution
– PierreDuc
Nov 13 at 8:47
@JonathanStellwag example is not necessary, because no code was given. The question was what to use for it. And a pipe is the best solution
– PierreDuc
Nov 13 at 8:47
2
2
An example is not necessary ofc - but for the sake of a good community write 2 lines of code if you know how it works. This will improve the answer itself a lot. I previously gave this answer a upvote. Nevertheless I can ask for an example
– Jonathan Stellwag
Nov 13 at 15:58
An example is not necessary ofc - but for the sake of a good community write 2 lines of code if you know how it works. This will improve the answer itself a lot. I previously gave this answer a upvote. Nevertheless I can ask for an example
– Jonathan Stellwag
Nov 13 at 15:58
add a comment |
Either by using javascript as following:
function numberWithSpaces(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, " ");
return parts.join(".");
}
var num = numberWithSpaces(123456789);
console.log(num);This will output 123 456 789
Edit:
Typescript:
function numberWithSpaces(x) {
let parts = x.toString().split('.');
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, ' ');
return parts.join('.');
}
let num = this.numberWithSpaces(123456789);
console.log(num);add into your typescript file (.ts) which are related to your html which contain your <h2>item.price</h2> replace num with your item.price value.
Or using pipe.
You could see example on Stackblitz
Just simply call by: element.price = format.formatCurrency(element.price);
Once you've define the helper. For your usage you could define by:
<h2 *ngFor="let item of item">{{ item.price }}</h2>
how to use this function if I have <h2>{{item.price}}</h2>
– Angulandy2
Nov 13 at 8:57
updated my answer. you need to add into your ts to define your price = num.
– Mukyuu
Nov 13 at 9:16
add a comment |
Either by using javascript as following:
function numberWithSpaces(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, " ");
return parts.join(".");
}
var num = numberWithSpaces(123456789);
console.log(num);This will output 123 456 789
Edit:
Typescript:
function numberWithSpaces(x) {
let parts = x.toString().split('.');
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, ' ');
return parts.join('.');
}
let num = this.numberWithSpaces(123456789);
console.log(num);add into your typescript file (.ts) which are related to your html which contain your <h2>item.price</h2> replace num with your item.price value.
Or using pipe.
You could see example on Stackblitz
Just simply call by: element.price = format.formatCurrency(element.price);
Once you've define the helper. For your usage you could define by:
<h2 *ngFor="let item of item">{{ item.price }}</h2>
how to use this function if I have <h2>{{item.price}}</h2>
– Angulandy2
Nov 13 at 8:57
updated my answer. you need to add into your ts to define your price = num.
– Mukyuu
Nov 13 at 9:16
add a comment |
Either by using javascript as following:
function numberWithSpaces(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, " ");
return parts.join(".");
}
var num = numberWithSpaces(123456789);
console.log(num);This will output 123 456 789
Edit:
Typescript:
function numberWithSpaces(x) {
let parts = x.toString().split('.');
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, ' ');
return parts.join('.');
}
let num = this.numberWithSpaces(123456789);
console.log(num);add into your typescript file (.ts) which are related to your html which contain your <h2>item.price</h2> replace num with your item.price value.
Or using pipe.
You could see example on Stackblitz
Just simply call by: element.price = format.formatCurrency(element.price);
Once you've define the helper. For your usage you could define by:
<h2 *ngFor="let item of item">{{ item.price }}</h2>
Either by using javascript as following:
function numberWithSpaces(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, " ");
return parts.join(".");
}
var num = numberWithSpaces(123456789);
console.log(num);This will output 123 456 789
Edit:
Typescript:
function numberWithSpaces(x) {
let parts = x.toString().split('.');
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, ' ');
return parts.join('.');
}
let num = this.numberWithSpaces(123456789);
console.log(num);add into your typescript file (.ts) which are related to your html which contain your <h2>item.price</h2> replace num with your item.price value.
Or using pipe.
You could see example on Stackblitz
Just simply call by: element.price = format.formatCurrency(element.price);
Once you've define the helper. For your usage you could define by:
<h2 *ngFor="let item of item">{{ item.price }}</h2>
function numberWithSpaces(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, " ");
return parts.join(".");
}
var num = numberWithSpaces(123456789);
console.log(num);function numberWithSpaces(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, " ");
return parts.join(".");
}
var num = numberWithSpaces(123456789);
console.log(num);function numberWithSpaces(x) {
let parts = x.toString().split('.');
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, ' ');
return parts.join('.');
}
let num = this.numberWithSpaces(123456789);
console.log(num);function numberWithSpaces(x) {
let parts = x.toString().split('.');
parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, ' ');
return parts.join('.');
}
let num = this.numberWithSpaces(123456789);
console.log(num);edited Dec 13 at 9:24
answered Nov 13 at 8:43
Mukyuu
6071519
6071519
how to use this function if I have <h2>{{item.price}}</h2>
– Angulandy2
Nov 13 at 8:57
updated my answer. you need to add into your ts to define your price = num.
– Mukyuu
Nov 13 at 9:16
add a comment |
how to use this function if I have <h2>{{item.price}}</h2>
– Angulandy2
Nov 13 at 8:57
updated my answer. you need to add into your ts to define your price = num.
– Mukyuu
Nov 13 at 9:16
how to use this function if I have <h2>{{item.price}}</h2>
– Angulandy2
Nov 13 at 8:57
how to use this function if I have <h2>{{item.price}}</h2>
– Angulandy2
Nov 13 at 8:57
updated my answer. you need to add into your ts to define your price = num.
– Mukyuu
Nov 13 at 9:16
updated my answer. you need to add into your ts to define your price = num.
– Mukyuu
Nov 13 at 9:16
add a comment |
Make you own custom pipe:
https://toddmotto.com/angular-pipes-custom-pipes
In the transform function, convert it to a string like so:
Add commas or spaces to group every three digits
add a comment |
Make you own custom pipe:
https://toddmotto.com/angular-pipes-custom-pipes
In the transform function, convert it to a string like so:
Add commas or spaces to group every three digits
add a comment |
Make you own custom pipe:
https://toddmotto.com/angular-pipes-custom-pipes
In the transform function, convert it to a string like so:
Add commas or spaces to group every three digits
Make you own custom pipe:
https://toddmotto.com/angular-pipes-custom-pipes
In the transform function, convert it to a string like so:
Add commas or spaces to group every three digits
answered Nov 13 at 8:46
Rutger van Dijk
767
767
add a comment |
add a comment |
Extremely simple way to do this:
function formatNumber(num) {
return num.toString().replace(/B(?=(d{3})+(?!d))/g, ",");
}
add a comment |
Extremely simple way to do this:
function formatNumber(num) {
return num.toString().replace(/B(?=(d{3})+(?!d))/g, ",");
}
add a comment |
Extremely simple way to do this:
function formatNumber(num) {
return num.toString().replace(/B(?=(d{3})+(?!d))/g, ",");
}
Extremely simple way to do this:
function formatNumber(num) {
return num.toString().replace(/B(?=(d{3})+(?!d))/g, ",");
}
answered Nov 13 at 8:47
Jack Bashford
5,15031234
5,15031234
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53276902%2fangular-2-money-number-space-after-3-zeros%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Possible duplicate of How to format numbers in JavaScript?
– emix
Nov 13 at 8:39
nah its not, there about . and ,
– Angulandy2
Nov 13 at 8:39
There are plenty of examples and solutions here on SO.
– emix
Nov 13 at 8:41
If you knew you wouldnt comment that. No need of those non sence comments here.
– Angulandy2
Nov 13 at 8:42
Possibly related: stackoverflow.com/questions/30843217/…
– McVenco
Nov 13 at 8:43