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

Question

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

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

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

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

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

Answer 1

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

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

Answer 2

खैर, जवाब पोस्ट करने में बहुत देर हो चुकी है, लेकिन मुझे लगता है कि यह समझना आसान होगा कि कौन एंगुलर हैं। निम्नलिखित उन उदाहरणों में से एक है जो मैं अपनी प्रस्तुति के दौरान देता हूं।

एक इमारत के रूप में अपने कोणीय अनुप्रयोग पर विचार करें। एक इमारत में इसमें Nकई अपार्टमेंट हो सकते हैं । एक अपार्टमेंट को एक मॉड्यूल के रूप में माना जाता है। एक अपार्टमेंट में तब Nकमरों की संख्या हो सकती है जो घटकों नाम के एक कोणीय अनुप्रयोग के निर्माण खंड के अनुरूप हैं।

अब प्रत्येक अपार्टमेंट (मॉड्यूल) `के पास कमरे (अवयव), लिफ्ट (सेवाएं) होंगे ताकि वे अपार्टमेंट के बाहर और बाहर की गतिविधियों को आगे बढ़ा सकें और अपार्टमेंट में इसे उपयोगी बना सकें।

आपके पास स्विमिंग पूल, टेनिस कोर्ट जैसी जगहें भी होंगी जो सभी इमारत निवासियों द्वारा साझा की जा रही हैं। तो ये SharedModule के अंदर के घटक माने जा सकते हैं।

मूल रूप से, अंतर इस प्रकार है,

एक कोणीय आवेदन के निर्माण ब्लॉकों को समझने के लिए मेरी स्लाइड का पालन करें

यहाँ पर मेरा सत्र है Building Blocks of Angular for beginners

Answer 3

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

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

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

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

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

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

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

।

Comments

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

— स्कॉट

क्या मैं उस घटक के एक घटक और कई घटकों के अंदर एक बच्चा मॉड्यूल जोड़ सकता हूं?

— सतरूघ्न

Answer 4

कोणीय घटक

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

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

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

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

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

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

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

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

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

Answer 5

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

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

Answer 6

एक तस्वीर एक हजार शब्दों के बराबर होती है !

कोणीय की अवधारणा बहुत सरल है। यह "ईंटों" -> मॉड्यूल के साथ एक ऐप "बनाने" का प्रस्ताव करता है ।

यह अवधारणा कोड को बेहतर संरचना और पुन: उपयोग और साझा करने की सुविधा के लिए संभव बनाती है।

सावधान रहें कि ES2015 / टाइपस्क्रिप्ट मॉड्यूल के साथ कोणीय मॉड्यूल को भ्रमित न करें।

कोणीय मॉड्यूल के बारे में, यह एक तंत्र है:

1- समूह के घटक (लेकिन यह भी सेवा, निर्देश, पाइप आदि ...)

2- उनकी निर्भरता को परिभाषित करते हैं

3- उनकी दृश्यता को परिभाषित करें।

एक कोणीय मॉड्यूल बस एक वर्ग (आमतौर पर खाली) और NgModule डेकोरेटर के साथ परिभाषित किया गया है।

Answer 7

घटक है 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ताकि आपके पास कार्यक्षमता का हिस्सा हो सके जो तब स्वतंत्र रूप से चला सकते हैं। उदाहरण के लिए, एक ऐप में आपके ऐप की किसी विशेष सुविधा के लिए घटकों को समूहीकृत करने के लिए सुविधाओं के लिए मॉड्यूल हो सकते हैं, जैसे कि एक डैशबोर्ड, जिसे आप बस किसी अन्य एप्लिकेशन के अंदर ले सकते हैं और उपयोग कर सकते हैं।