Angular 2
मॉड्यूल

परिचय

एक साधारण मॉड्यूल

एक मॉड्यूल @NgModule डेकोरेटर के साथ एक वर्ग है। एक मॉड्यूल बनाने के लिए हम कुछ मापदंडों को पार करते हुए @NgModule जोड़ते हैं:

• bootstrap : वह घटक जो आपके एप्लिकेशन का मूल होगा। यह कॉन्फ़िगरेशन केवल आपके रूट मॉड्यूल पर मौजूद है
• declarations : संसाधन मॉड्यूल की घोषणा करता है। जब आप एक नया घटक जोड़ते हैं तो आपको घोषणाओं को अपडेट करना होगा ( ng generate component यह स्वचालित रूप से करता है)
• exports : संसाधन मॉड्यूल निर्यात जो अन्य मॉड्यूल में इस्तेमाल किया जा सकता है
• imports : संसाधन अन्य मॉड्यूल से मॉड्यूल का उपयोग करता है (केवल मॉड्यूल कक्षाएं स्वीकार की जाती हैं)
• providers : संसाधन जो एक घटक में इंजेक्ट किए जा सकते हैं (डीआई)

एक सरल उदाहरण:

import { AppComponent } from './app.component';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
 
@NgModule({
  bootstrap: [AppComponent]
  declarations: [AppComponent],
  exports: [],
  imports: [BrowserModule],
  providers: [],
})
export class AppModule { }

घोंसले के शिकार मॉड्यूल

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

हम एक बना सकते हैं core.module हमारे आवेदन में सामान्य बातें शामिल होंगे कि, एक तरह ReservePipe (एक पाइप कि एक स्ट्रिंग रिवर्स) और इस मॉड्यूल में उन लोगों के बंडल:

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { ReversePipe } from '../reverse.pipe';

@NgModule({
  imports: [
    CommonModule
  ],
  exports: [ReversePipe], // export things to be imported in another module
  declarations: [ReversePipe],
})
export class CoreModule { }

फिर app.module :

import { CoreModule } from 'app/core/core.module';

@NgModule({
  declarations: [...], // ReversePipe is available without declaring here
                       // because CoreModule exports it
  imports: [
    CoreModule,        // import things from CoreModule
    ...
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }