Angular 2 - Mô-đun

Các mô-đun được sử dụng trong Angular JS để đặt ranh giới logic trong ứng dụng của bạn. Do đó, thay vì mã hóa mọi thứ vào một ứng dụng, bạn có thể xây dựng mọi thứ thành các mô-đun riêng biệt để tách biệt chức năng của ứng dụng. Hãy kiểm tra mã được thêm vào ứng dụng demo.

Trong mã Visual Studio, hãy chuyển đến thư mục app.module.ts trong thư mục ứng dụng của bạn. Đây được gọi là lớp mô-đun gốc.

Đoạn mã sau sẽ có trong app.module.ts tập tin.

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

Chúng ta hãy đi qua từng dòng của mã một cách chi tiết.

Câu lệnh nhập được sử dụng để nhập chức năng từ các mô-đun hiện có. Do đó, 3 câu lệnh đầu tiên được sử dụng để nhập các mô-đun NgModule, BrowserModule và AppComponent vào mô-đun này.
Trình trang trí NgModule được sử dụng để sau này xác định các tùy chọn nhập, khai báo và khởi động.
Theo mặc định, BrowserModule là bắt buộc đối với bất kỳ ứng dụng góc cạnh dựa trên web nào.
Tùy chọn bootstrap cho Angular biết Thành phần nào sẽ bootstrap trong ứng dụng.

Một mô-đun được tạo thành từ các phần sau:

Bootstrap array- Điều này được sử dụng để cho Angular JS biết thành phần nào cần được tải để chức năng của nó có thể được truy cập trong ứng dụng. Khi bạn đưa thành phần vào mảng bootstrap, bạn cần khai báo chúng để chúng có thể được sử dụng trên các thành phần khác trong ứng dụng Angular JS.
Export array - Điều này được sử dụng để xuất các thành phần, chỉ thị và đường ống sau đó có thể được sử dụng trong các mô-đun khác.
Import array - Cũng giống như mảng xuất, mảng nhập có thể được sử dụng để nhập chức năng từ các mô-đun Angular JS khác.