हमें HTML में विधियों का उपयोग तब तक नहीं करना चाहिए जब तक कि वे घटनाओं से संबद्ध न हों:

इसमें कई बार निष्पादित होने की समस्या है। उदाहरण में, एक ऐरे को मैप किया जा रहा है, जो 16 बार निष्पादित होगा। इसी तरह, हमें सीधे get या API अनुरोधों का उपयोग नहीं करना चाहिए।

इसे एक पाइप का उपयोग करके और/या एक कस्टम पाइप बनाकर हल किया जा सकता है, जो प्रत्येक उपयोगकर्ता के लिए केवल एक बार निष्पादित होगा। इस उदाहरण में, पाइप में एक ट्रांसफ़ॉर्म विधि है जो पहले उपयोग की गई विधि के समान तर्क प्राप्त करती है:

स्पष्टीकरण:

विधियों के साथ समस्या इसलिए उत्पन्न होती है क्योंकि वे एंगुलर के मूल निवासी नहीं हैं, इसलिए एंगुलर को पता नहीं चलता कि उनका मूल्य कब बदल गया है। परिणामस्वरूप, यह हर छोटे अपडेट के बाद परिवर्तनों के तरीकों का लगातार मूल्यांकन करता रहता है।

इसके विपरीत, एक पाइप मूल, शुद्ध होता है, और केवल तभी निष्पादित होता है जब उसके तर्क बदलते हैं। इसके अतिरिक्त, एक पाइप को एप्लिकेशन के विभिन्न हिस्सों में पुन: उपयोग किया जा सकता है (एक विधि के विपरीत, जिसे केवल किसी सेवा में भेजकर ही पुन: उपयोग किया जा सकता है)।

यदि पाइप मौजूद नहीं है तो हम उसके लक्ष्य स्थान को निर्दिष्ट करके एक पाइप बना सकते हैं:

एनजी जीपी पाइप/पूरा नाम (जहां पाइप/पूरा नाम स्थान है)।

पाइप को एक वर्ग के रूप में बनाया गया है जो पाइपट्रांसफॉर्म को लागू करता है, एक इंटरफ़ेस जिसके लिए हमें एक ट्रांसफॉर्म विधि की आवश्यकता होती है। यह विधि तब निष्पादित होती है जब पाइप चलता है और सामान्य विधि की तरह ही काम करता है। निर्मित पाइप का उपयोग करने के लिए, हमें इसे ऐप घटक (स्टैंडअलोन) में आयात करना होगा:

एचटीएमएल में इसका उपयोग करते समय, हम इसे पाइप के नाम फ़ील्ड में दर्शाए गए नाम से बुलाते हैं, पाइप के नाम के बाद '|' प्रतीक का उपयोग करते हैं। पहला तर्क बाईं ओर पारित किया जाता है, और यदि हम अन्य तर्क पारित करना चाहते हैं, तो उन्हें कोलन ':' के बाद दाईं ओर पारित किया जाता है:

अच्छी प्रथाओं को याद रखें: यदि कई तर्क हैं, तो किसी ऑब्जेक्ट का उपयोग करना बेहतर है। एक अच्छे अभ्यास के रूप में, अव्यवस्था से बचने के लिए पाइपों का अत्यधिक उपयोग न करने का प्रयास करें। कोड को तोड़ें और आप सफल होंगे।

पाइप की सामग्री बनाने के लिए, हम उन तर्कों को निर्दिष्ट करते हैं जिन्हें हम प्राप्त करना चाहते हैं और ट्रांसफॉर्म विधि में रिटर्न प्रकार निर्दिष्ट करते हैं। फिर, हम सामग्री लिखते हैं और परिणाम लौटाते हैं। वैकल्पिक मानों को उपसर्ग में '?' लगाकर प्राप्त किया जा सकता है, और डिफ़ॉल्ट मानों को '=' का उपयोग करके निर्दिष्ट किया जा सकता है।

— एफिसियोडेव के एंगुलर कोर्स पर आधारित नोट्स —