Angular में कंपोनेंट आधारित दृष्टिकोण का परिचय

मान लीजिए कि हमारे पास एक वेबसाइट है। इस वेबसाइट पर हम कुछ ब्लॉक्स को अलग कर सकते हैं: हेडर, कंटेंट, साइडबार, फूटर इत्यादि। प्रत्येक ब्लॉक को छोटे-छोटे उप-ब्लॉक्स में बांटा जा सकता है। उदाहरण के लिए, हेडर में आमतौर पर लोगो, मेन्यू, संपर्क ब्लॉक इत्यादि को अलग किया जा सकता है।

Angular में ऐसे प्रत्येक ब्लॉक को कंपोनेंट कहा जाता है। प्रत्येक कंपोनेंट अपने भीतर छोटे कंपोनेंट्स रख सकता है, और वे बदले में और भी छोटे कंपोनेंट्स रख सकते हैं और इसी तरह आगे भी।

Angular में प्रत्येक कंपोनेंट एक फोल्डर से मेल खाता है जिसमें फाइलें होती हैं, जो फोल्डर src में स्थित होती हैं।

एक कंपोनेंट मुख्य होना चाहिए - वह जिसमें अन्य कंपोनेंट जोड़े जाते हैं। Angular में डिफ़ॉल्ट रूप से ऐसा कंपोनेंट App होता है। इस कंपोनेंट में अन्य कंपोनेंट जोड़े जाएंगे। यह कैसे किया जाता है - इसके बारे में हम आगे ट्यूटोरियल में जानेंगे।