Angular में चैनल के माध्यम से अपर केस में अनुवाद
UpperCasePipe चैनल की मदद से
स्ट्रिंग को लोअर केस में अनुवादित किया जा सकता है। आइए
अभ्यास में कोशिश करते हैं। मान लें कि कंपोनेंट क्लास
में हमारे पास निम्नलिखित स्ट्रिंग है:
export class AppComponent {
name: string = 'john';
}
हमारी स्ट्रिंग को टेम्पलेट फाइल में आउटपुट करते हैं, इसमें हमारे चैनल को लागू करके:
<div>
{{ name | uppercase }}
</div>
कोड निष्पादन का परिणाम:
<div>
JOHN
</div>
मान लें कि आपके पास एक ऐरे है:
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
ऐरे के प्रत्येक एलिमेंट को अपर केस में आउटपुट करें।