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

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

यदि आप एक वेबसाइट विकसित कर रहे हैं, तो हेडर, फुटर, लेफ्ट, सेंटर और राइट सेक्शन एक मॉड्यूल का हिस्सा बन जाते हैं।

मॉड्यूल को परिभाषित करने के लिए, हम NgModule का उपयोग कर सकते हैं। जब आप Angular –cli कमांड का उपयोग करके एक नया प्रोजेक्ट बनाते हैं, तो ngmodule में बनाया जाता हैapp.module.ts डिफ़ॉल्ट रूप से फ़ाइल और यह निम्नानुसार दिखता है -

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NewCmpComponent } from './new-cmp/new-cmp.component';

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

NgModule को निम्नानुसार आयात करने की आवश्यकता है -

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

एनकोमॉडल की संरचना निम्नानुसार है -

@NgModule({ 
   declarations: [
      AppComponent, 
      NewCmpComponent 
   ],
   imports: [ 
      BrowserModule, 
      AppRoutingModule 
   ], 
   providers: [], 
   bootstrap: [AppComponent] 
})

इसके साथ शुरू होता है @NgModule और एक ऑब्जेक्ट होता है जिसमें घोषणाएं, आयात, प्रदाता और बूटस्ट्रैप होते हैं।

घोषणा

यह बनाए गए घटकों की एक सरणी है। यदि कोई नया घटक बनता है, तो इसे पहले आयात किया जाएगा और संदर्भ को नीचे दिखाए गए घोषणाओं में शामिल किया जाएगा -

declarations: [ 
   AppComponent,  
   NewCmpComponent 
]

आयात

यह अनुप्रयोग में उपयोग करने के लिए आवश्यक मॉड्यूल की एक सरणी है। इसका उपयोग घटकों द्वारा घोषणा सरणी में भी किया जा सकता है। उदाहरण के लिए, अभी @NgModule में, हमें ब्राउज़र मॉड्यूल आयातित दिखाई देता है। यदि आपके आवेदन में प्रपत्रों की जरूरत है, तो आप नीचे दिए गए कोड के साथ मॉड्यूल को शामिल कर सकते हैं -

import { FormsModule } from '@angular/forms';

में आयात @NgModule निम्नलिखित की तरह होगा -

imports: [ 
   BrowserModule, 
   FormsModule 
]

प्रदाताओं

इसमें बनाई गई सेवाएं शामिल होंगी।

बूटस्ट्रैप

इसमें निष्पादन शुरू करने के लिए मुख्य ऐप घटक शामिल है।