8. Angular connect backend
Quang Nguyễn Ngọc
Created on March 13, 2023
Over 30 million people build interactive content in Genially.
Check out what others have designed:
POLITICAL POLARIZATION
Presentation
WATER PRESERVATION
Presentation
PROMOTING ACADEMIC INTEGRITY
Presentation
ARTICLES
Presentation
AGRICULTURE DATA
Presentation
THE OCEAN'S DEPTHS
Presentation
C2C VOLUNTEER ORIENTATION
Presentation
Transcript
Dò bài cũ
truyền và nhận tham số trên URL?
Khái niệm về router và cách config?
Khái niệm và cách tạo service?
Khái niệm service
Service còn giúp cho Angular có tính module hóa.
Service chứa code business nhằm mục đích tách phần code xử lý nghiệp vụ ra khỏi component, đảm bảo cho code của component chỉ dùng để xử lý cho view
Service là các thành phần code dùng chung. được sử dụng lại giữa các component
Router
Router và cách config
cách config
Config router được thực hiện trong file app-routing-module
Router là đối tượng cho phép xác định component nào sẽ được sử dụng để hiển thị.
Nhận tham số bằng cách inject ActivatedRoute.activatedRoute.paramMap.subscribe ((paramMap: ParamMap) => { const key = paramMap.get(param) )
Truyền và nhận tham số trên url
Truyền tham số bằng [routerLink] = “[‘url’, param]”
Khai báo tham số trong phần config router bằng :param
S T A R T
Angular connect backend
Nội dung chính
4. So sánh Observable và Promise?
3. Khái niệm về Observable?
2. Cách cài đặt và sử dụng json-server?
1. Khái niệm về HttpClientModule?
HttpClientModule là 1 NgModule cho phép Angular có thể giao tiếp được với API.
HttpClientModule
npm install json-server
Cách cài đặt json-server?
Observable: đại diện cho khái niệm về một tập hợp các giá trị hoặc các sự kiện trong tương lai. Khi các giá trị hoặc sự kiện phát sinh trong tương lai, Observable sẽ điều phối nó đến Observer.
Observable
Không thể xử lý kết quả trước khi trả về
Có thể xử lý kết quả trước khi trả về
Không thể retry lại request
Có thể retry lại request
Không thể hủy request
Có thể hủy request
Chỉ có thể trả về một giá trị duy nhất
Có thể trả về nhiều giá trị đồng thời
Observable
Promise
VS
www.website.com
Thank you!