Observable Angular 2 Là Gì

Trong Angular, một đối tượng người sử dụng rất có thể quan ngay cạnh được là 1 trong những đối tượng được nhập xuất phát từ 1 gói được điện thoại tư vấn rxjs.

Bạn đang xem: Observable angular 2 là gì

Để có mang một đồ rất có thể quan tiền cạnh bên bằng phần đông tự dễ dàng và đơn giản, bạn có thể nói rằng một trang bị có thể quan lại sát được là mối cung cấp tài liệu được vạc ra từ kia. Bên cạnh đó, tất cả một cỗ quan lại tiếp giáp quan gần cạnh bất kỳ gói tài liệu nào được vạc ra vày cỗ quan lại sát. Giữa bạn có thể quan tiền gần kề cùng người quan sát, gồm một luồng trong các số đó nhiều sự khiếu nại được phát ra vị bạn hoàn toàn có thể quan liêu ngay cạnh.

Một quan giáp rất có thể vạc ra các gói tài liệu trong những trường hòa hợp khác nhau. Một số trong những bọn họ được liệt kê bên dưới đây:

Một đơn vị cải tiến và phát triển sẽ thiết kế thông số kỹ thuật vật dụng hoàn toàn có thể quan tiền cạnh bên để vạc ra tài liệu. Trong Angular HTTPhường, hoàn toàn có thể quan liêu gần kề được liên kết cùng với thử khám phá HTTPhường. Khi ý kiến đến, nó được phát ra bên dưới dạng một gói dữ liệu. cũng có thể quan lại tiếp giáp được cấu hình để phát ra tài liệu trên nguồn vào của người dùng nhỏng - nhấp vào nút, di loài chuột, v.v. next- Nó là 1 trong những trình giải pháp xử lý cho mỗi quý giá được giao. Được Gọi không hoặc nhiều lần sau khi bắt đầu tiến hành. error- Nó là một trong những trình giải pháp xử lý thông báo lỗi. Một lỗi sẽ tạm ngưng tiến hành phiên bạn dạng có thể quan tiếp giáp được. complete- Nó là một trong những trình xử lý đến thông báo hoàn toàn triển khai. Các quý giá bị trễ hoàn toàn có thể liên tiếp được chuyển mang lại trình cách xử lý tiếp sau sau khi quá trình tiến hành hoàn tất.

HTTP có thể quan lại tiếp giáp được là nhiều loại có thể quan tiền giáp được rất có thể phân phát ra cả cha các loại thông tin. Nhưng có thể quan lại giáp được kèm theo với đầu vào của người dùng (nhỏng nhấp vào nút, v.v.) không khi nào xong.

Bây tiếng, bọn họ hãy gọi khái niệm này với việc trợ giúp của một ví dụ. Trong ví dụ này, công ty chúng tôi sẽ tạo một trình quan gần cạnh với đang mô rộp toàn bộ ba bí quyết xử trí những gói dữ liệu do trình quan liêu cạnh bên phát ra.

Trước hết, họ đã mlàm việc terminal và khởi sinh sản một dự án tinh tướng mới với thương hiệu exercisebằng lệnh - ng new exercise. Sau kia, chúng tôi vẫn điều phối vào exercisetlỗi mục.

Angular sẽ khởi tạo ra một appnhân tố, theo mặc định. Sau kia, họ sẽ tạo nên một nhân tố khác bởi lệnh - ng g c comp-one.

Xem thêm: Những Căn Nguyên Nhân Máy Tính Chậm Trên Windows 10/8/8, Cách Tăng Tốc Cho Máy Tính

Bây tiếng, apptlỗi mục của bọn họ vẫn giống như sau:


*

Sau kia, chúng tôi đang mlàm việc app-routing.module.tstệp và đã viết mã sau:

Tệp bên trên thiết lập cấu hình những tuyến đường của chúng tôi.

Trong tiện ích.component.htmltệp, họ phải để ổ cắn bộ định con đường nlỗi sau:

Bây giờ, họ đã viết mã đến chiếc có thể quan cạnh bên được trong comp-two.component.tstệp.

lúc yếu tố trên được khởi chế tác, nó sẽ tạo nên ra một nhân tố có thể quan tiền tiếp giáp được sẽ vạc ra dữ liệu bên trên từng giây cùng sẽ được trao bằng phương pháp ĐK nhân tố rất có thể quan sát được.

Bây giờ, chúng ta sẽ khởi tạo một nút vào comp-one.component.htmltệp, nút này đã msống comp-twovới kết quả là, nó sẽ tạo ra loại có thể quan liêu sát được.

Sau kia, Shop chúng tôi sẽ khởi tạo một nút ít không giống vào comp-two.component.htmltệp, nút ít này đang chuyển người dùng trở lại comp-one.

Bây giờ, nếu chúng ta chạy vận dụng của bản thân mình bằng lệnh ng serve sầu, thì bạn có thể thấy hiệu quả sau:


Trong đoạn Clip này, Shop chúng tôi vẫn quan giáp thấy rằng hoàn toàn có thể quan tiền tiếp giáp được tạo thành Lúc Cửa Hàng chúng tôi mnghỉ ngơi comp-twolần thứ nhất, Lúc nó bắt đầu ghi tài liệu vào bảng tinh chỉnh và điều khiển. Nhưng Lúc Shop chúng tôi bong khỏi yếu tắc này, thứ có thể quan ngay cạnh được vẫn phân phát ra dữ liệu. Và Khi chúng tôi mngơi nghỉ lại yếu tắc này, một yếu tố bắt đầu có thể quan cạnh bên được cùng rất nguyên tố cũ. Đây là bí quyết xẩy ra tình trạng rò rỉ bộ lưu trữ. Để ngăn ngừa tình trạng này, Cửa Hàng chúng tôi bắt buộc hủy đăng ký ngoài phần có thể quan liêu liền kề sau khi yếu tố bị tiêu diệt.

Để giải quyết và xử lý vụ việc bên trên, Shop chúng tôi đang triển khai các sửa thay đổi sau trong comp-two.component.tstệp: