Currency

// eslint-disable-next-line no-duplicate-imports
import { registerLocaleData } from '@angular/common';
import localeHu from '@angular/common/locales/hu';
registerLocaleData(localeHu);

{{ balance | currency: 'HUF' : 'Ft' : '1.0-0' : 'hu-HU' }}

Ft21,000 => 21 000 Ft

Ehhez változtatnod kell a currency pipe beállításain és a helyi formázási beállításokon.

Az alábbi lépésekkel érheted ezt el:

Regisztráld a magyar helyi beállításokat ('hu-HU') az alkalmazásodnál.

Ehhez az AppModule-ben kell importálnod a registerLocaleData függvényt, valamint a magyar helyi adatfájlt.

import { registerLocaleData } from '@angular/common';
import localeHu from '@angular/common/locales/hu';
registerLocaleData(localeHu);

Módosítsd a currency pipe-ot a kívánt formátumra:

<div class="card">
  <h2 class="cart-title">Total: {{ total | currency:'HUF':'Ft':'1.0-0':'hu-HU' }} Ft</h2>
</div>

Ebben:

'HUF': A pénznem kódja.
' ': Ezzel mondjuk meg, hogy ne használjon pénznem szimbólumot (ezért üres).
'1.0-0': Formátum string, amely azt mondja, hogy ne használjunk tizedesjegyeket.
'hu-HU': Az Angular helyi azonosítója, ami meghatározza a formázás stílusát. Ebben az esetben a magyar formátumot használja, ami pont elválasztót használ az ezernél nagyobb értékeknél.

Ezzel a változtatással a kívánt “21.000 Ft” formátumot kellene, hogy kapd.