Angular में पाइप चेन
एक ही मान पर कई परिवर्तन लागू करने के लिए,
पाइप चेन का उपयोग किया जा सकता है।
इसके लिए हम सभी आवश्यक पाइप को | प्रतीक के माध्यम से लिखते हैं।
आइए मुख्य घटक की कक्षा में name गुण सेट करें:
export class AppComponent {
name: string = 'john d.';
}
HTML टेम्पलेट में, स्ट्रिंग के हिस्से ' d.' को छोड़कर,
उपयोगकर्ता का नाम अपरकेस में प्रदर्शित करें:
<div>{{ name | uppercase | slice:0:4 }}</div>
अपने मुख्य घटक की कक्षा में 10 वर्णों वाली एक स्ट्रिंग सेट करें।
इसके अंतिम पांच वर्णों को अपरकेस में स्क्रीन पर प्रदर्शित करें।
