Angular - Component

​- Thành phần ứng dụng

​- Layout: Html, Css

​- Tập hợp các component

​App Module

​- Template: Layout, css, directive(hàm, công thức)

​- Metadata

​- Component class ( Logic, Property, Method )

​- File Class Component

​- File Html hiển thị view

​- File Css để trang trí

​- File spect.ts để viết các test case

​Component sẽ có một Class để chúng ta liên kết với View. Các Class này được tạo ra bằng TypeScript. Class có chứa và định nghĩa các thuộc tính và phương thức, cũng tương tự như định nghĩa Class của lập trình hướng đối tượng.

• Template HTML khai báo những gì component hiển trị trên trang

  • Một mẫu (template) cái mà sẽ tạo ra giao diện (layout view) cho người dùng, template này được tạo ra từ HTML. Trên trang HTML này, chúng ta sẽ sử dụng Angular Binding và Directives để tăng sức mạnh cho View.

• Thành phần không thể thiếu của Component

• Cung cấp thông tin bổ sung cho Angular Component và giúp định nghĩa Class này như một Angular Component. Metadata được định nghĩa bởi một Decorator. Một decorator có thể hiểu đơn giản là phương thức thêm Metadata vào Class

• Được quản lý bởi Angular

• ​Khởi tạo -> Render -> Khởi tạo và render các component con -> Ghi nhận thay đổi thuộc tính của nó -> Hủy khi không sử dụng

• ​"Mỏ neo" Mục đích và thời điểm của vòng đời Component

• ​Được tính từ lúc tạo ra, thay đổi và bị phá hủy

• ​Thứ tự

  • ​Contructor

  • ​ngOnChanges -> ngOnInit -> ngDoCheck -> ngAfterContentInit -> ngAfterContentChecked -> ngAfterViewInit -> ngAfterViewChecked -> ngOnDestroy