如何自定義號碼管角2

Question

我想自定義號碼管角2 {{myvar |編號：'1.2-2'}} myvar = 1000 我得到1,000 我想要的是獲得1 000 一個空間的位置， 任何想法？

Answer 1

我從How to print a number with commas as thousands separators in JavaScript找到這個解決方案。它的工作原理！

function numberWithCommas(x) { 
 
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " "); 
 
}

Answer 2

你可以連續使用管道。 {{ myvar | number:'1.2-2' | thousand }}和你的千管看​​起來像這樣。

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ 
    name: 'thousand' 
}) 

export class ThousandPipe implements PipeTransform { 
    transform(value: any, digits?: string): string { 
    if (value) { 
     let thousands = value.split(','); 
     const preDecimalValue = thousands.pop(); 
     thousands = thousands.join(' '); 
     return thousands + ' ' + preDecimalValue; 
    } 
    return ''; 
    } 
} 

假定所有的千位用逗號分隔，您將設置千位數組中的所有千位。在你的情況下，數千將是['1']，preDecimalValue將是'000.00'。