Kiến trúc
Kiến trúc Angular#
Cùng xem xét hình sau:
Module#
Hiểu 1 cách đơn giản Module sẽ nhóm những công việc giống nhau vào thành 1 khối để quản lý, khi gọi chức năng nào trong khối đó thì ta Import Module chứa chức năng đó, Thư viện trong Angular cũng chia thành các Module, các thư viện bên ngoài như Devexpress.. cũng được gọi là các khối Module riêng lẻ. Tham khảo cách dùng: https://angular.io/guide/ngmodule
Component#
Trong mô hình MVC thì Component sẽ gần giống như Controler, giúp xử lý logic và điều khiển phần view. Trong dự án cụ thể Component giúp chia ứng dụng thành các phần để hiển thị giao diện. Tham khảo: https://angular.io/guide/displaying-data
- VD: 1 Website thường bao gồm các Component sau:
- Header Component: Giúp xử lý hiển thị phần Header
- Root Component: Khung bao các phần Sitebar,Content
- SideBar Component: Giúp xử lý hiển thị phần thanh bên
- Item Component: Hiển thị phần nội dung
Template#
Giúp cho ứng dụng hiển thị ra mã HTML, tức là ở phần hiển thị View ta có thể viết các biến, các xử lý logic Template sẽ render những câu lệnh đó ra mã HTML để hiển thị. Tham khảo: nằm trong tài liệu của Component
Metadata#
Sẽ giúp cho Angular biết và xử lý Component này xử lý thế nào, hiển trị phần trong view
Data Biding#
Là một tính năng giúp Anguar xử lý, đồng bộ dữ liệu, các sự kiện trên form giữa Template và Component. Tham khảo: https://angular.io/guide/template-syntax
Service#
Directives Giúp Angular xử lý dữ liệu, lấy dữ liệu từ các Api, Share dữ liệu giữa các Component..vv. Tham khảo: https://angular.io/tutorial/toh-pt4
Directives#
Là một phần mở rộng trong teamplate, giúp cho người lập trình có thể tạo thành các tag mà trong HTML không có và định nghĩa giao diện cho tag đó như nào. vd
Nói tóm lại: Kiếm thức trọng Angular rất nhiều, và đây chỉ liệt kê những gì quan trọng nhất. Nên nắm chắc kiến thức phần bôi đỏ vì sẽ sử dụng rất nhiều trong dự án.
Cấu trúc thư mục trong Angular#
Mô hình phát triển dự án sử dụng Angular#
