Angular7 - Modüller

Açısal Modül, uygulamayla ilgili bileşenleri, yönergeleri, boruları ve hizmetleri gruplayabileceğiniz bir yeri ifade eder.

Bir web sitesi geliştiriyorsanız, üstbilgi, altbilgi, sol, orta ve sağ bölüm bir modülün parçası olur.

Modülü tanımlamak için NgModule kullanabiliriz. Angular –cli komutunu kullanarak yeni bir proje oluşturduğunuzda ngmodule,app.module.ts varsayılan olarak dosya ve aşağıdaki gibi görünür -

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'ün aşağıdaki şekilde içe aktarılması gerekir -

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

Ngmodülünün yapısı aşağıda gösterildiği gibidir -

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

İle başlar @NgModule ve bildirimler, içe aktarmalar, sağlayıcılar ve önyükleme içeren bir nesne içerir.

Beyanname

Oluşturulan bir bileşen dizisidir. Herhangi bir yeni bileşen oluşturulursa, önce içe aktarılacak ve referans aşağıda gösterildiği gibi bildirimlere dahil edilecektir -

declarations: [ 
   AppComponent,  
   NewCmpComponent 
]

İthalat

Uygulamada kullanılması gereken bir dizi modüldür. Declaration dizisindeki bileşenler tarafından da kullanılabilir. Örneğin, şu anda @NgModule'da, Browser Module'ün içe aktarıldığını görüyoruz. Başvurunuzun formlara ihtiyacı olması durumunda, aşağıdaki kodla modülü ekleyebilirsiniz -

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

İthalat @NgModule aşağıdaki gibi olacak -

imports: [ 
   BrowserModule, 
   FormsModule 
]

Sağlayıcılar

Bu, oluşturulan hizmetleri içerecektir.

Önyükleme

Bu, yürütmeyi başlatmak için ana uygulama bileşenini içerir.