angular एक कोणीय घटक और मॉड्यूल के बीच अंतर क्या है




module components (5)

मैं वीडियो देख रहा हूं और लेख पढ़ रहा हूं लेकिन यह विशिष्ट लेख मुझे इतना भ्रमित करता है, लेख के प्रारंभ में यह कहता है

कोणीय में अनुप्रयोग मॉड्यूलर संरचना का पालन करते हैं। कोणीय एप्लिकेशन में कई मॉड्यूल शामिल होंगे, जिनमें से प्रत्येक एकल उद्देश्य के लिए समर्पित होंगे। आमतौर पर मॉड्यूल कोड का एक सुसंगत समूह होता है जो आपके कोणीय एप्लिकेशन को चलाने के लिए अन्य मॉड्यूल के साथ एकीकृत होता है।

एक मॉड्यूल अपने कोड से कुछ कक्षाएं, फ़ंक्शन और मान निर्यात करता है। घटक कोणीय का एक बुनियादी ब्लॉक है और कई घटक आपके आवेदन को बनाएंगे।

एक मॉड्यूल दूसरे मॉड्यूल के लिए एक लाइब्रेरी हो सकता है। उदाहरण के लिए, कोणीय 2 / कोर पुस्तकालय जो एक प्राथमिक कोणीय पुस्तकालय मॉड्यूल है, एक अन्य घटक द्वारा आयात किया जाएगा।

क्या वे विनिमेय शब्द हैं? एक घटक एक मॉड्यूल है? लेकिन इसके उलट नहीं?


कोणीय घटक

एक घटक एक कोणीय ऐप के बुनियादी बिल्डिंग ब्लॉकों में से एक है। एक ऐप में एक से अधिक कंपोनेंट हो सकते हैं। एक सामान्य ऐप में, एक घटक में एक HTML व्यू पेज क्लास फाइल, एक क्लास फाइल होती है जो आपके HTML व्यू को स्टाइल करने के लिए HTML पेज और CSS / scss फाइल के व्यवहार को नियंत्रित करती है। @Component डेकोरेटर का उपयोग करके एक घटक बनाया जा सकता है जो @angular/core मॉड्यूल का हिस्सा है।

import { Component } from '@angular/core';

और एक घटक बनाने के लिए

@Component({selector: 'greet', template: 'Hello {{name}}!'})
class Greet {
  name: string = 'World';
}

एक घटक या कोणीय एप्लिकेशन बनाने के लिए यहां tutorial

कोणीय मॉड्यूल

एक कोणीय मॉड्यूल कोणीय बुनियादी भवन ब्लॉकों जैसे घटक , directives , services आदि से निर्धारित होता है। एक ऐप में एक से अधिक मॉड्यूल हो सकते हैं।

@NgModule डेकोरेटर का उपयोग करके एक मॉड्यूल बनाया जा सकता है।

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

सरलतम स्पष्टीकरण:

मॉड्यूल एक बड़े कंटेनर की तरह होता है जिसमें एक या कई छोटे कंटेनर होते हैं जिन्हें कॉम्पोनेन्ट, सर्विस, पाइप कहा जाता है

एक घटक शामिल हैं:

  • HTML टेम्पलेट या HTML कोड

  • संहिता (टाइपप्रति)

  • सेवा: यह एक पुन: प्रयोज्य कोड है जिसे अवयवों द्वारा साझा किया जाता है ताकि कोड के पुनर्लेखन की आवश्यकता न हो

  • पाइप: यह डेटा को इनपुट के रूप में लेता है और इसे वांछित आउटपुट में बदल देता है


एंगुलर 2 में एक मॉड्यूल वह चीज है जो घटकों, निर्देशों, सेवाओं आदि से बनाई जाती है। एक या कई मॉड्यूल एक एप्लीकेशन बनाने के लिए संयोजित होते हैं। कोड के तार्किक टुकड़ों में मॉड्यूल गोलमाल आवेदन। प्रत्येक मॉड्यूल एक ही कार्य करता है।

कोणीय 2 में घटक वे वर्ग हैं जहाँ आप उस पृष्ठ के लिए अपना तर्क लिखते हैं जिसे आप दिखाना चाहते हैं। घटक दृश्य (html) को नियंत्रित करते हैं। घटक अन्य घटकों और सेवाओं के साथ संवाद करते हैं।


घटक the template(view) + a class (Typescript code) containing some logic for the view + metadata(to tell angular about from where to get data it needs to display the template)

मॉड्यूल basically group the related components, services together ताकि आपके पास कार्यक्षमता का हिस्सा हो सके जो तब स्वतंत्र रूप से चला सकते हैं। उदाहरण के लिए, एक ऐप में आपके ऐप की किसी विशेष सुविधा के लिए घटकों को समूहीकृत करने के लिए सुविधाओं के लिए मॉड्यूल हो सकते हैं, जैसे कि डैशबोर्ड, जिसे आप बस पकड़ सकते हैं और किसी अन्य एप्लिकेशन के अंदर उपयोग कर सकते हैं।


घटक नियंत्रण दृश्य (html)। वे आपके ऐप में कार्यक्षमता लाने के लिए अन्य घटकों और सेवाओं के साथ भी संवाद करते हैं।

मॉड्यूल में एक या अधिक घटक होते हैं। वे किसी भी html को नियंत्रित नहीं करते हैं। आपके मॉड्यूल घोषित करते हैं कि कौन से घटकों का उपयोग अन्य मॉड्यूल से संबंधित घटकों द्वारा किया जा सकता है, कौन सी कक्षाएं निर्भरता इंजेक्टर द्वारा इंजेक्ट की जाएंगी और कौन सा घटक बूटस्ट्रैप हो जाता है। मॉड्यूल आपको अपने ऐप में मॉड्यूलरिटी लाने के लिए अपने घटकों का प्रबंधन करने की अनुमति देते हैं।





components