Valyutanin Angular-da kanal vasitəsi ilə formatlanması

CurrencyPipe kanalı vasitəsi ilə valyutanın çıxarılması formatlana bilər. Kanalın birinci parametrində ISO 4217 spesifikasiyasına uyğun valyuta kodu ötürülür (standart olaraq USD). İkinci parametrdə valyutanın göstərilmə təyin edilir. O, aşağıdakı dəyərləri qəbul edə bilər: 'code' (valyuta kodu), 'symbol' (onun simvolu), 'symbol-narrow' (bir neçə valyuta simvolu olan ölkələr üçün), 'string' (istənilən sətrin çıxarılması üçün). Üçüncü isteğe bağlı parametrdə DecimalPipe kanalına bənzər şəkildə ədəd formatı təyin edə bilərik. Dördüncü isteğe bağlı parametrdə istifadə olunan lokalın kodunu göstərmək olar:

<div>{{ value | number : valyuta kodu : valyutanın göstərilməsi : ədəd formatı : lokal kodu }}</div>

Nümunələr

Gəlin kanalın işini nümunələr üzərində sınayaq. Bunun üçün komponent sinfində müəyyən bir valyutada əmək haqqını ehtiva edən salary xassəsini təyin edək:

export class AppComponent {
	salary: number = 867.564;
}

Nümunə

Gəlin ədədimizi valyutaya çevirək:

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

Kodun icrasının nəticəsi:

<div>$867.56</div>

Nümunə

İndi gəlin valyutanın göstərilməsini Rusiya rublunda təyin edək:

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

Kodun icrasının nəticəsi:

<div>RUB867.56</div>

Nümunə

Gəlin ədədin yanında Rusiya rublunun simvolunu çıxaraq:

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

Kodun icrasının nəticəsi:

<div>₽867.56</div>

Nümunə

İndi gəlin kəsr hissəsində dörd rəqəmli ədəd əldə edək:

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

Kodun icrasının nəticəsi:

<div>RUB867.5640</div>

Nümunə

Gəlin valyutanın göstərilməsinə aşağıdakı sətri əlavə edək:

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

Kodun icrasının nəticəsi:

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