Изменить формат Angular7 в десятичном формате - PullRequest
Новая
       13

Изменить формат Angular7 в десятичном формате

3 голосов
/ 12 апреля 2019

Как изменить десятичное форматирование проекта angular7?Я исследовал, но я просто нахожу решения для небольших областей, и наверняка есть способ изменить локаль (я думаю, это связано с этим), чтобы взять форматирование региона и установить его по умолчанию для всего проекта.

Чтобы быть более кратким, мне нужно поменять запятую на точку, в которой после запятой стоит запятая: 18 245,23 € -> 18 245,23 €

напечатано: <span>{{totalPricing | number:'1.0-2'}}€<span>

Кто-нибудьзнаешь как ??

Ответы [ 2 ]

3 голосов
/ 12 апреля 2019

Я рекомендую не использовать настраиваемые форматы переменных Date и Currency,

Вы должны определить LOCALE_ID, что означает, что вам не нужно использовать пользовательский формат для переменных Date или Currency (или валюты, времени и т. Д.). Добавьте это в ваш верхний корневой модуль.ts, 

import { registerLocaleData } from '@angular/common';
import localeEs from '@angular/common/locales/es';
registerLocaleData(localeEs, 'es');
import { LOCALE_ID } from '@angular/core';

@NgModule({
  imports: [
  ...
  ],
  ...
  providers: [{ provide: LOCALE_ID, useValue: 'es' }]
})

Источник: https://angular.io/api/core/LOCALE_ID#description

Обновление: Здесь - пример работы стекаблица.

0 голосов
/ 12 апреля 2019

Вы можете создать pipe для валюты форматирования 

@Pipe({
    name: 'currencyFormat'
})
export class CurrencyFormat {
    transform(value: number,
        currencySign: string = '€ ',
        decimalLength: number = 2, 
        chunkDelimiter: string = '.', 
        decimalDelimiter:string = ',',
        chunkLength: number = 3): string {

        value /= 100;

        let result = '\\d(?=(\\d{' + chunkLength + '})+' + (decimalLength > 0 ? '\\D' : '$') + ')';
        let num = value.toFixed(Math.max(0, ~~decimalLength));

        return (decimalDelimiter ? num.replace('.', decimalDelimiter) : num).replace(new RegExp(result, 'g'), '$&' + chunkDelimiter) + currencySign;
    }
}

Демо: https://stackblitz.com/edit/angular-currency-pipe-format

...