Pemformatan Mata Wang dengan Paip dalam Angular

Dengan paip CurrencyPipe, kita boleh memformat paparan mata wang. Dalam parameter pertama paip, kod mata wang diluluskan menurut spesifikasi ISO 4217 (secara lalai USD). Dalam parameter kedua, kita tetapkan paparan mata wang. Ia boleh menerima nilai-nilai berikut: 'code' (kod mata wang), 'symbol' (simbolnya), 'symbol-narrow' (untuk negara yang mempunyai beberapa simbol mata wang), 'string' (untuk memaparkan sebarang rentetan). Dalam parameter ketiga yang tidak wajib, kita boleh menetapkan format nombor, serupa dengan paip DecimalPipe. Dalam parameter keempat yang tidak wajib, boleh dinyatakan kod lokal yang digunakan:

<div>{{ value | number : kod mata wang : paparan mata wang : format nombor : kod lokal }}</div>

Contoh

Mari kita cuba paip ini dengan contoh. Untuk itu, dalam kelas komponen, mari tetapkan sifat berikut salary, yang mengandungi gaji dalam suatu mata wang:

export class AppComponent {
	salary: number = 867.564;
}

Contoh

Mari kita ubah nombor kita kepada mata wang:

<div>{{ salary | currency }}</div>

Keputusan pelaksanaan kod:

<div>$867.56</div>

Contoh

Sekarang mari kita nyatakan paparan mata wang dalam rubel Rusia:

<div>{{ salary | currency:'RUB':'code' }}</div>

Keputusan pelaksanaan kod:

<div>RUB867.56</div>

Contoh

Mari kita paparkan simbol rubel Rusia di sebelah nombor:

<div>{{ salary | currency:'RUB':'symbol-narrow' }}</div>

Keputusan pelaksanaan kod:

<div>₽867.56</div>

Contoh

Sekarang mari kita buat nombor dengan empat digit dalam bahagian pecahan:

<div>{{ salary | currency:'RUB':'symbol':'2.4-5' }}</div>

Keputusan pelaksanaan kod:

<div>RUB867.5640</div>

Contoh

Mari kita tambahkan rentetan berikut kepada paparan mata wang:

<div>{{ salary | currency:'RUB':'this is a new currency - ' }}</div>

Keputusan pelaksanaan kod:

<div>this is a new currency - 867.56</div>