Angular 2 - Modüller

Modüller, uygulamanıza mantıksal sınırlar koymak için Angular JS'de kullanılır. Dolayısıyla, her şeyi tek bir uygulamada kodlamak yerine, uygulamanızın işlevselliğini ayırmak için her şeyi ayrı modüller halinde oluşturabilirsiniz. Demo uygulamasına eklenen kodu inceleyelim.

Visual Studio kodunda, uygulama klasörünüzdeki app.module.ts klasörüne gidin. Bu, kök modül sınıfı olarak bilinir.

Aşağıdaki kod, app.module.ts dosya.

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 { }

Kodun her satırını ayrıntılı olarak inceleyelim.

• Import deyimi, işlevselliği mevcut modüllerden içe aktarmak için kullanılır. Bu nedenle, ilk 3 ifade, NgModule, BrowserModule ve AppComponent modüllerini bu modüle aktarmak için kullanılır.

• NgModule dekoratörü daha sonra içe aktarımları, bildirimleri ve önyükleme seçeneklerini tanımlamak için kullanılır.

• BrowserModule, herhangi bir web tabanlı açısal uygulama için varsayılan olarak gereklidir.

• Bootstrap seçeneği Angular'a uygulamada hangi Bileşenin önyükleneceğini söyler.

Bir modül aşağıdaki parçalardan oluşur -

• Bootstrap array- Bu, Angular JS'ye, işlevselliğine uygulamada erişilebilmesi için hangi bileşenlerin yüklenmesi gerektiğini söylemek için kullanılır. Bileşeni önyükleme dizisine ekledikten sonra, bunları Angular JS uygulamasındaki diğer bileşenlerde kullanılabilmeleri için bildirmeniz gerekir.

• Export array - Bu, daha sonra diğer modüllerde kullanılabilecek bileşenleri, direktifleri ve boruları dışa aktarmak için kullanılır.

• Import array - Dışa aktarma dizisi gibi, içe aktarma dizisi de işlevselliği diğer Angular JS modüllerinden içe aktarmak için kullanılabilir.