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

आपके अनुप्रयोग में तार्किक सीमाओं को रखने के लिए मॉड्यूल को Angular JS में उपयोग किया जाता है। इसलिए, आप एक अनुप्रयोग में सब कुछ कोड करने के बजाय, आप अपने एप्लिकेशन की कार्यक्षमता को अलग करने के लिए सब कुछ अलग-अलग मॉड्यूल में बना सकते हैं। आइए उस कोड का निरीक्षण करें जो डेमो एप्लिकेशन में जोड़ा जाता है।

विजुअल स्टूडियो कोड में, अपने ऐप फ़ोल्डर में app.module.ts फ़ोल्डर पर जाएं। इसे रूट मॉड्यूल क्लास के रूप में जाना जाता है।

निम्नलिखित कोड में मौजूद होगा app.module.ts फ़ाइल।

import { NgModule }      from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser';  
import { AppComponent }  from './app.component';  

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

आइए कोड की प्रत्येक पंक्ति के बारे में विस्तार से जाने।

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

एक मॉड्यूल निम्नलिखित भागों से बना है -

Bootstrap array- इसका उपयोग कोणीय JS को बताने के लिए किया जाता है कि किन घटकों को लोड किया जाना है ताकि इसकी कार्यक्षमता को एप्लिकेशन में एक्सेस किया जा सके। एक बार जब आप बूटस्ट्रैप सरणी में घटक को शामिल करते हैं, तो आपको उन्हें घोषित करने की आवश्यकता होती है ताकि उन्हें एंग्लो जेएस एप्लिकेशन में अन्य घटकों में उपयोग किया जा सके।
Export array - इसका उपयोग घटकों, निर्देशों और पाइपों को निर्यात करने के लिए किया जाता है जो तब अन्य मॉड्यूल में उपयोग किए जा सकते हैं।
Import array - एक्सपोर्ट एरे की तरह ही, अन्य एंगुलर जेएस मॉड्यूल्स से फंक्शनलिटी इम्पोर्ट करने के लिए इंपोर्ट एरे का इस्तेमाल किया जा सकता है।