Angular 4 - Mô-đun
Module trong Angular đề cập đến một nơi mà bạn có thể nhóm các thành phần, chỉ thị, đường ống và dịch vụ có liên quan đến ứng dụng.
Trong trường hợp bạn đang phát triển một trang web, phần đầu trang, chân trang, bên trái, trung tâm và bên phải trở thành một phần của mô-đun.
Để xác định mô-đun, chúng ta có thể sử dụng NgModule. Khi bạn tạo một dự án mới bằng lệnh Angular –cli, ngmodule được tạo trong tệp app.module.ts theo mặc định và nó trông như sau:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
NgModule cần được nhập như sau:
import { NgModule } from '@angular/core';
Cấu trúc của ngmodule như hình dưới đây:
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
Nó bắt đầu với @NgModule và chứa một đối tượng có khai báo, nhập khẩu, trình cung cấp và bootstrap.
Tờ khai
Nó là một mảng các thành phần được tạo ra. Nếu bất kỳ thành phần mới nào được tạo, nó sẽ được nhập trước tiên và tham chiếu sẽ được đưa vào khai báo như hình dưới đây -
declarations: [
AppComponent,
NewCmpComponent
]
Nhập khẩu
Nó là một mảng các mô-đun cần thiết để được sử dụng trong ứng dụng. Nó cũng có thể được sử dụng bởi các thành phần trong mảng Khai báo. Ví dụ, ngay bây giờ trong @NgModule, chúng ta thấy Mô-đun trình duyệt được nhập. Trong trường hợp ứng dụng của bạn cần các biểu mẫu, bạn có thể bao gồm mô-đun như sau:
import { FormsModule } from '@angular/forms';
Việc nhập khẩu trong @NgModule sẽ giống như sau -
imports: [
BrowserModule,
FormsModule
]
Nhà cung cấp
Điều này sẽ bao gồm các dịch vụ được tạo.
Bootstrap
Điều này bao gồm thành phần ứng dụng chính để bắt đầu thực thi.