Angular-এ কারেন্সি পাইপ ব্যবহার করে মুদ্রা ফরম্যাট করা

CurrencyPipe পাইপ ব্যবহার করে মুদ্রার আউটপুট ফরম্যাট করা যায়। পাইপের প্রথম প্যারামিটারে ISO 4217 স্পেসিফিকেশন অনুযায়ী মুদ্রার কোড পাস করা হয় (ডিফল্টভাবে USD)। দ্বিতীয় প্যারামিটারে আমরা মুদ্রার প্রদর্শন সেট করি। এটি নিম্নলিখিত মানগুলি নিতে পারে: 'code' (মুদ্রার কোড), 'symbol' (এর চিহ্ন), 'symbol-narrow' (সেসব দেশের জন্য যাদের একাধিক মুদ্রার চিহ্ন রয়েছে), 'string' (যেকোনো স্ট্রিং আউটপুট করার জন্য)। তৃতীয় ঐচ্ছিক প্যারামিটারে আমরা DecimalPipe পাইপের অনুরূপ সংখ্যার ফরম্যাট নির্দিষ্ট করতে পারি। চতুর্থ ঐচ্ছিক প্যারামিটারে ব্যবহৃত লোকেলের কোড নির্দেশ করা যেতে পারে:

html<div>{{ value | number : মুদ্রার কোড : মুদ্রার প্রদর্শন : সংখ্যার ফরম্যাট : লোকেল কোড }}</div>

উদাহরণ

আসুন উদাহরণের মাধ্যমে পাইপের কাজ চেষ্টা করি। এর জন্য কম্পোনেন্ট ক্লাসে নিম্নলিখিত salary প্রপার্টি সেট করি, যাতে একটি নির্দিষ্ট মুদ্রায় বেতন রয়েছে:

app/app.component.tsexport class AppComponent {
  salary: number = 867.564;
}

উদাহরণ

আসুন আমাদের সংখ্যাটিকে মুদ্রায় রূপান্তর করি:

app/app.component.html<div>{{ salary | currency }}</div>

কোড 실행ের ফলাফল:

html<div>$867.56</div>

উদাহরণ

এখন আসুন মুদ্রার প্রদর্শন রাশিয়ান রুবেলে নির্দেশ করি:

app/app.component.html<div>{{ salary | currency:'RUB':'code' }}</div>

কোড 실행ের ফলাফল:

html<div>RUB867.56</div>

উদাহরণ

আসুন সংখ্যার পাশে রাশিয়ান রুবেলের চিহ্ন দেখাই:

app/app.component.html<div>{{ salary | currency:'RUB':'symbol-narrow' }}</div>

কোড 실행ের ফলাফল:

html<div>₽867.56</div>

উদাহরণ

এখন আসুন ভগ্নাংশ অংশে চারটি অঙ্ক সহ সংখ্যা দেখাই:

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

কোড 실행ের ফলাফল:

html<div>RUB867.5640</div>

উদাহরণ

আসুন মুদ্রার প্রদর্শনে নিম্নলিখিত স্ট্রিংটি যোগ করি:

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

কোড 실행ের ফলাফল:

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