Angular में स्लाइस पाइप के माध्यम से स्ट्रिंग को ट्रिम करना

आइए SlicePipe का उपयोग करना सीखें। यह पाइप एक स्ट्रिंग को ट्रिम करने की अनुमति देता है। यह उन पैरामीटरों को स्वीकार करता है जो ट्रिमिंग के प्रारंभिक और अंतिम सूचकांकों को निर्दिष्ट करते हैं। पाइप नाम के बाद पैरामीटर पास करने के लिए एक कोलन लगाएं और पैरामीटर सूचीबद्ध करें।

आइए एक उदाहरण देखें। कंपोनेंट क्लास में एक प्रॉपर्टी name परिभाषित करें:

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

और अब SlicePipe का उपयोग करके स्ट्रिंग को ट्रिम करें, इसके लिए प्रारंभिक और अंतिम सूचकांक निर्दिष्ट करते हुए:

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

परिणामस्वरूप, हमें यह मिलेगा:

app/app.component.html<div>
  jo
</div>