पाठ 25 / 28

टेम्प्लेट और कस्टम एलिमेंट्स

पुन: उपयोग योग्य Web Components के पीछे के मूल तत्व।

template टैग

<template> निष्क्रिय मार्कअप रखता है — यह पार्स होता है पर रेंडर नहीं होता जब तक JavaScript उसे क्लोन करके न जोड़े।

कस्टम एलिमेंट्स

Web Components आपको JavaScript क्लास से समर्थित अपने खुद के टैग, जैसे <user-card>, बनाने देते हैं — Angular जैसे फ्रेमवर्क वैचारिक रूप से इसी पर आधारित हैं।

त्वरित जाँच: <template> टैग के अंदर के कंटेंट के बारे में क्या सही है?

  • यह सामान्य HTML की तरह तुरंत रेंडर होता है
  • यह तब तक निष्क्रिय रहता है जब तक JavaScript इसे पेज में क्लोन न करे
  • यह अमान्य HTML है
Answer

यह तब तक निष्क्रिय रहता है जब तक JavaScript इसे पेज में क्लोन न करे — टेम्प्लेट कंटेंट पार्स होता है पर तब तक छिपा और निष्क्रिय रहता है जब तक स्क्रिप्ट से स्पष्ट रूप से क्लोन न किया जाए।