Sudut 2 - Modul

Modul digunakan di Angular JS untuk menempatkan batasan logis dalam aplikasi Anda. Oleh karena itu, alih-alih mengkodekan semuanya menjadi satu aplikasi, Anda malah dapat membangun semuanya menjadi modul terpisah untuk memisahkan fungsionalitas aplikasi Anda. Mari kita periksa kode yang ditambahkan ke aplikasi demo.

Dalam kode Visual Studio, masuk ke folder app.module.ts di folder aplikasi Anda. Ini dikenal sebagai kelas modul root.

Kode berikut akan ada di app.module.ts mengajukan.

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

Mari kita telusuri setiap baris kode secara mendetail.

Pernyataan import digunakan untuk mengimpor fungsionalitas dari modul yang ada. Jadi, 3 pernyataan pertama digunakan untuk mengimpor modul NgModule, BrowserModule dan AppComponent ke dalam modul ini.
Dekorator NgModule digunakan untuk menentukan opsi impor, deklarasi, dan bootstrap nanti.
BrowserModule diperlukan secara default untuk aplikasi sudut berbasis web.
Opsi bootstrap memberi tahu Angular Komponen mana yang akan di-bootstrap dalam aplikasi.

Modul terdiri dari bagian-bagian berikut -

Bootstrap array- Ini digunakan untuk memberi tahu Angular JS komponen mana yang perlu dimuat agar fungsinya dapat diakses di aplikasi. Setelah Anda memasukkan komponen ke dalam larik bootstrap, Anda perlu mendeklarasikannya agar dapat digunakan di seluruh komponen lain dalam aplikasi Angular JS.
Export array - Ini digunakan untuk mengekspor komponen, arahan, dan pipa yang kemudian dapat digunakan di modul lain.
Import array - Sama seperti array ekspor, array impor dapat digunakan untuk mengimpor fungsionalitas dari modul JS Angular lainnya.