Angular में पाइप के माध्यम से लोअरकेस में परिवर्तित करना

LowerCasePipe पाइप की सहायता से, स्ट्रिंग को लोअरकेस में परिवर्तित किया जा सकता है। आइए इसे व्यवहार में आज़माते हैं। मान लीजिए कि कम्पोनेंट क्लास में हमारे पास निम्नलिखित स्ट्रिंग है:

app/app.component.tsexport class AppComponent {
  name: string = 'JOHN';
}

हमारी स्ट्रिंग को टेम्पलेट फ़ाइल में आउटपुट करते हैं, इसमें हमारे पाइप को लागू करके:

html<div>
  {{ name | lowercase }}
</div>

कोड निष्पादित करने का परिणाम:

html<div>
  john
</div>

typescriptexport class AppComponent {
  products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}