注：以下学习笔记均来源于Angular教程_Angular8 Angular9 Angular12入门实战视频教程

一、Rxjs介绍

RxJS 是 ReactiveX 编程理念的 JavaScript 版本。ReactiveX 来自微软，它是一种针对异步数据流的编程。Angular 引入 RxJS 就是为了让异步可控、更简单。
目前常见的异步编程的几种方法：

• 回调函数

• 事件监听/发布订阅

• Promise

• RxJS

二、Promise 和 RxJS 处理异步对比

• RxJS 和 Promise 的基本用法非常类似；Promise 中用的是 resolve() 和 then()，而 RxJS 中用的是 observer.next() 和 subscribe()。

• 但 RxJS 相比 Promise 要强大很多。RxJS 可以中途撤回、发射多个值、提供了多中工具函数等等。

1、RxJS unsubscribe 取消订阅

2、RxJS 订阅后多次执行

三、Angular 中的数据交互（get jsonp post）

1、Angular get 请求数据

• 在 app.module.ts 中引入 HttpClientModule 并注入

• 在用到的地方引入 HttpClient，并在构造函数中声明

• get 请求数据

2、Angular post 提交数据

• 在 app.module.ts 中引入 HttpClientModule 并注入

• 在用到的地方引入 HttpClient，HttpHeaders，并在构造函数中声明 HttpClient

• post 提交数据

3、Angular Jsonp 请求数据

• 在 app.module.ts 中引入 HttpClientModule，HttpClientJsonpModule，并注入

• 在用到的地方引入 HttpClient，并在构造函数中声明

• jsonp 获取数据

4、Angular 中使用第三方模块 axios 请求数据

• 安装 axios

• 用到的地方引入 axios

• 使用 axios 请求数据