ვალუტის ფორმატირება Angular-ის პაიპის (channel) გამოყენებით

CurrencyPipe პაიპის საშუალებით შესაძლებელია ვალუტის გამოტანის ფორმატირება. პაიპის პირველ პარამეტრში გადაეცემა ვალუტის კოდი ISO 4217 სპეციფიკაციის მიხედვით (სტანდარტულად არის USD). მეორე პარამეტრში ვაზუსტებთ ვალუტის ჩვენების ტიპს. მას შეუძლია მიიღოს შემდეგი მნიშვნელობები: 'code' (ვალუტის კოდი), 'symbol' (მისი სიმბოლო), 'symbol-narrow' (ქვეყნებისთვის, რომელთაც რამდენიმე ვალუტის სიმბოლო აქვთ), 'string' (ნებისმიერი სტრიქონის გამოსატანად). მესამე არასავალდებულო პარამეტრში შეგვიძლია მივუთითოთ რიცხვის ფორმატი, DecimalPipe პაიპის მსგავსად. მეოთხე არასავალდებულო პარამეტრში შესაძლებელია მითითებული იყოს გამოყენებული ლოკალის კოდი:

<div>{{ value | number : ვალუტის კოდი : ვალუტის ჩვენების ტიპი : რიცხვის ფორმატი : ლოკალის კოდი }}</div>

მაგალითები

შევეცადოთ პაიპის მუშაობა მაგალითებზე. ამისთვის კომპონენტის კლასში მივუთითოთ შემდეგი თვისება salary, რომელიც შეიცავს ხელფასს გარკვეულ ვალუტაში:

export class AppComponent {
	salary: number = 867.564;
}

მაგალითი

გადავაქციოთ ჩვენი რიცხვი ვალუტაში:

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

კოდის შესრულების შედეგი:

<div>$867.56</div>

მაგალითი

ახლა მივუთითოთ ვალუტის ჩვენება რუსულ რუბლებში:

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

კოდის შესრულების შედეგი:

<div>RUB867.56</div>

მაგალითი

გამოვსახოთ რიცხვთან ერთად რუსული რუბლის სიმბოლო:

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

კოდის შესრულების შედეგი:

<div>₽867.56</div>

მაგალითი

ახლა მივიღოთ რიცხვი ოთხი ციფრით წილადურ ნაწილში:

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

კოდის შესრულების შედეგი:

<div>RUB867.5640</div>

მაგალითი

დავამატოთ ვალუტის ჩვენებას შემდეგი სტრიქონი:

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

კოდის შესრულების შედეგი:

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