Whenever we are writing code, we need to remember that things may go wrong. If an error happens in a function, that error will be thrown. Errors can also happen in Observables, and in this lesson we will see what is the API for throwing and catching…

The Observer object has the functions next() and error(). In this lesson we will see the other (and last) function available on observers, complete(), and its purpose. Completion is an important concept, as we will see later on. Imagine if you want t…

我使用 angular-cli 来搭建项目. ng new infinite-scroller-poc --style=scss 项目生成好后,进入 infinite-scroller-poc 目录下. Angular CLI 提供了一堆命令用来生成组件.指令.服务和模块. 我们来生成一个服务和一个指令. ng g service hacker-news ng g directive infinite-scroller 注意: Angular CLI 会自动在 app.module.ts 里注册…

Marble testing is an expressive way to test observables by utilizing marble diagrams. This lesson will walk you through the syntax and features, preparing you to start writing marble tests today! Grep two files from the rxjs https://github.com/Reacti…

RxJS 博大精深,看了好几篇文章都没有明白. 范围牵扯到了函数响应式开发去了... 我对函数式一知半解, 响应式更是第一次听到... 唉...不过日子还是得过...混着过先呗 我目前所理解的很浅, 大致上是这样的概念. 1.某些场景下它比promise好用, 它善于过滤掉不关心的东西. 2.它是观察者模式 + 迭代器模式组成的 3.跟时间,事件, 变量有密切关系 4.世界上有一种东西叫 "流" stream, 一个流能表示了一段时间里,一样东西发生的变化. 比如有一个值, 它在某段时…

Sometime we want to set a default or fallback value when network request failed. http$ .pipe( map(res => Object.values['payload']), shareReplay(), catchError(err => of([])) // return an empty value ); Sometime we want to just throw the error again:…

We will learn how to perform network requests to a backend using RxJS Observables. A example of basic jquery request: console.clear(); var requestStream = Rx.Observable.just('https://api.github.com/users'); //Current requestStream is just a stream //…

对于一个应用来说,获取数据的方法可以有很多,比如:Ajax, Websockets, LocalStorage, Indexdb, Service Workers,但是如何整合多种数据源.如何避免BUG.如何提高可维护性.如何提升应用的速度,这些却又是需要解决的问题.MVC是经典的Web应用开发模式,但对于客户端应用却不太适合.针对这点又出现了一些其它的模式,比如MVW(Model-View-Whatever)双向绑定模式.Flux.Observables等. Angular1采用双向绑定的方式…

还没有了解过RXJS6的童鞋,可以查看我的另外一篇博文,此篇博文主要是对于RXJS5升级到RXJS6的代码调整示例 RXJS5版本 在RXJS5上我们是这样写请求的 import 'rxjs/add/observable/of'; import 'rxjs/add/observable/throw'; import 'rxjs/add/observable/map'; import 'rxjs/add/observable/mergemap'; this.http .get<{id: numbe…

With the connect() method on a ConnectableObservable, the programmer is responsible for avoiding leaked executions of shared RxJS Observables. This lesson will teach you about refCount(), a handy operator that creates an automatically connected Obser…