Bạn có thể giải thích sự khác biệt giữa Promise và Observable trong Angular không? Trong tình huống nào chúng ta có thể sử dụng từng trường hợp?

Promise và Observable là hai cơ chế xử lý bất đồng bộ trong Angular, nhưng chúng có một số điểm khác biệt cơ bản:

1. Promise:

   • Là một đối tượng đại diện cho một giá trị có thể không được biết ngay lập tức nhưng sẽ được biết sau này, khi một thao tác bất đồng bộ hoàn thành.
   • Promise chỉ có thể xử lý một sự kiện duy nhất. Khi một Promise được giải quyết (resolved) hoặc bị từ chối (rejected), nó không thể thay đổi trạng thái của nó và giá trị của nó cũng không thay đổi.
   • Các phương thức .then() và .catch() được sử dụng để xử lý kết quả hoặc lỗi từ Promise.

2. Observable:

   • Là một đối tượng từ thư viện RxJS được sử dụng rộng rãi trong Angular để xử lý nhiều sự kiện bất đồng bộ và có thể hủy bỏ.
   • Observable có thể phát ra nhiều giá trị theo thời gian, từ 0 đến nhiều giá trị, và có thể được tạo ra từ nhiều nguồn khác nhau như sự kiện từ DOM, H...