Angular में करेंसी पाइप का उपयोग करके मुद्रा फॉर्मेटिंग

CurrencyPipe पाइप का उपयोग करके मुद्रा का आउटपुट फॉर्मेट किया जा सकता है। पाइप के पहले पैरामीटर में आईएसओ 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>