Angular2（九）--http

zfireear

于 2016-12-04 17:38:17 发布

阅读量546

点赞数

分类专栏： Angualr2 文章标签： angular2

本文链接：https://blog.youkuaiyun.com/zfireear/article/details/53455362

版权

Angualr2 专栏收录该内容

9 篇文章

订阅专栏

本文探讨了Angular中如何使用RxJS处理HTTP请求。详细介绍了通过get方法返回的Observable对象，以及如何利用async pipe进行订阅。此外还讨论了Subject的作用，并通过debounceTime和distinctUntilChanged操作符来优化搜索请求的发送频率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Angular http.get returns an RxJS Observable
The AngularObservable is a bare-bones implementation.

In the promise’s then callback we call the json method of the HTTP Response to extract the data within the response.for example:.then(response => response.json().data as Hero[])

Each Http service method returns an Observable of HTTP Response objects.
The async pipe subscribes to the Observable

A Subject is a producer of an observable event stream
A Subject is also an Observable

debounceTime(300) waits until the flow of new string events pauses for 300 milliseconds before passing along the latest string. We’ll never make requests more frequently than 300ms.
distinctUntilChanged ensures that we only send a request if the filter text changed. There’s no point in repeating a request for the same search term.

switchMap calls our search service for each search term that makes it through the debounce anddistinctUntilChanged gauntlet. It cancels and discards previous search observables, returning only the latest search service observable.