Bootstrapping cho Angular

Mỗi app đều có 1 main entry point. Đối với app Angular mà bạn tìm hiểu trong các part trước, được xây dựng bằng Angular CLI. Để chạy được ứng dụng, mình gọi lệnh:

ng serve

ng sẽ xem file angular.json để tìm Entry Point cho app. Bạn có thể hình dung theo sơ đồ sau:

angular.json sẽ chỉ ra file “main”, trong trường hợp này là file main.ts.
main.ts là entry-point cho ứng dụng và sẽ khởi động ứng dụng Angular.
AppModule (app.module.ts) là file được tạo ra, được lưu ở thư mục có đường dẫn src/app/app.module.ts, chứa các khai báo module trong application.
AppModule chỉ định thành phần nào sẽ được sử dụng làm thành phần cấp cao nhất. Trong trường hợp này là AppComponent.

Khi khởi động một ứng dụng Angular, bạn sẽ không khởi động trực tiếp một component, mà thay vào đó, bạn tạo một NgModule trỏ đến thành phần bạn muốn tải.
Nhìn vào hình trên, bạn sẽ thấy có 4 thành phần chính trong NgModule:

1. declarations: chỉ ra những component được định nghĩa trong NgModule. Đây là 1 ý tưởng quan trọng trong Angular: Bạn phải khai báo component trước khi sử dụng nó trong template.
   Bạn xem NgModule như 1 package và declarations khai báo các component nào thuộc về package này.
2. imports: khai báo những dependency mà module này có. VD bạn tạo 1 browser app thì bạn phải khai báo BrowserModule
3. provicders: được dùng khai báo dependency injection cho service.
4. bootstraps: chỉ ra module này được sử dụng để khởi động một ứng dụng, chúng ta cần tải component AppComponent làm thành phần cấp cao nhất.

Tham khảo

ng-book2