Angular में पाइप चेन

एक ही मान पर कई परिवर्तन लागू करने के लिए, पाइप चेन का उपयोग किया जा सकता है। इसके लिए हम सभी आवश्यक पाइप को | प्रतीक के माध्यम से लिखते हैं।

आइए मुख्य घटक की कक्षा में name गुण सेट करें:

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

HTML टेम्पलेट में, स्ट्रिंग के हिस्से ' d.' को छोड़कर, उपयोगकर्ता का नाम अपरकेस में प्रदर्शित करें:

app/app.component.html<div>{{ name | uppercase | slice:0:4 }}</div>