用户登录

我们可以把一些操作员方法组合到一块儿用,可以使用 pipe 函数去把它们组合到一起用,这里可以使用一下这个 pipe 函数,它来自 rxjs 。

在这个 pipe 里面,可以添加一些操作员方法,把之前的 map 操作员先放进来,逗号分隔一下,可以继续添加其它的操作员方法。

比如用一下 filter,它可以根据条件过滤出一些值,这个 filter 来自 rxjs/operators 。

给 filter 提供一个方法,有个 value 参数,类型是 number ,过滤出这个 value 除以 2 的余数不等于 0 的值。也就是过滤出所有的奇数值。

pipe 函数返回的这个函数是 transformValue,用这个 transformValue ,把上面的 someNumbers 这个 Observable 交给这个函数。

这样这个 someNubmers 生产出来的值,会通过 pipe 里的这些操作员来处理, filter 会过滤出奇数的值,然后 map 会在这些值前面加上一个 # 号。

预览

回到浏览器再试一下,按一下 Subscribe,你会发现,这次在控制台上输出的 Observable 里的值都是奇数的,并且这些值的前面都有一个 # 号。

Pipe:操作员组合《 Angular:Observable 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点