- SPA là ứng dụng mà chỉ có 1 trang duy nhất (single page)
- Khi người dùng bấm chuyển trang thì không bị tải lại trang mà chỉ thay đổi một phần giao diện, dữ liệu mới được tải qua AJAX
- Thông thường SPA web dùng cơ chế Client Side Rendering (CSR) để render ra giao diện.
-Examples: Facebook , Gmail ,....
- Angular giúp xây dựng các trang web SPA dùng cơ chế CSR dễ dàng hơn.
- Component là 1 class, trong đó có chứa cả code logic và phần giao diện. Component mặc định được tạo bởi Angular CLI sẽ gồm 4 file:
*.component.ts chứa code logic và khai báo Component.(Controllers)
*.component.html chứa code HTML (Template hiển thị giao diện, còn được gọi là View).
*.component.css chứa code CSS (áp dụng riêng cho Component, không ảnh hưởng đến Component khác dù trùng CSS selector).
*.component.spec.ts chứa code unit tests.
Entry Components
Data Binding & Template Syntax
{{Interpolation}}
Event Binding
(click)="login();"
Two-way binding
Attribute, class, and style bindings
ngModel
ngForm
validate
ngModelGroup
ref
-Injectable
Built-in
Custom
Attributes
Structure
*ngIf: Dùng điều kiện để hiển thị hoặc xóa phần tử trên giao diện.
*ngFor: Dùng vòng lặp để tạo ra nhiều phần tử tương tự nhau.
*ngSwitch: Dùng điều kiện để hiển thị phần tử trong 1 tập hợp các phần tử. …
Custom
Built-in
Term
Json-server
Tạo database fake back-end bằng Json-server
Postman
Test API
HTTP Interceptors
HTTP Methods
ex: 404err , 401err
- Xử lý Async ...
JWT
Material
PrimeNG
NgBootstrap
Nebular
NgZorror