Angular中的Observable如何处理复杂的数据流问题？

本文共计822个文字，预计阅读时间需要4分钟。

目录 + Angular 的 Observable

1.取消订阅

2.多次输出

3.使用 pipe 对输出的数据进行处理

Angular Observable 数据类型的单元测试数据准备 + 完整解决方案 + Angular 的 Observable 类似于 Promise，Angular 有 obs

目录

• angular的observable
• 1、取消订阅
• 2、多次输出
• 3、使用pipe对抛出的数据进行处理
• angular observable数据类型的单元测试数据准备
• 完整解决方案

angular的observable

类似于promise，angular里有observable来处理异步操作，接下来简要介绍一下他。在使用observable之前，需要在相应的组件里先引入

import { Observable } from 'rxjs';

例如，我想先创建一个发送异步请求的文件storage.service.ts，把它放在service里，哪里需要哪里引用。

可以发现observable的使用和promise类似，先new一个实例，该实例接受一个函数参数，该函数参数内部可实现异步操作，又有一个observer参数，我们可以通过observer.next将异步数据抛出，这样我们就能在外部接收到该参数。