Angular में चैनल के माध्यम से अपर केस में अनुवाद

UpperCasePipe चैनल की मदद से स्ट्रिंग को लोअर केस में अनुवादित किया जा सकता है। आइए अभ्यास में कोशिश करते हैं। मान लें कि कंपोनेंट क्लास में हमारे पास निम्नलिखित स्ट्रिंग है:

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

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

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

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

html<div>
  JOHN
</div>

typescriptexport class AppComponent {
  users: string[] = ['john', 'alex', 'kate', 'mary'];
}