最近一直看有关rxjs的东西,想学会响应式编程思想,但这种东西没点实操根本不能融会贯通,现在只能借鉴别人的东西分析一下,先上两篇帖子都是关于rxjs在NG上的实际应用。
使用 Angular 和 RxJS 创建一个与 REST 后端应用进行交互的 API 服务
Angular2 和 Rxjs : 一个简单的带搜索功能的列表
很直观看得出这就基本上是我们rxjs的大部分应用场景了,水平有限只能看懂这些。
在这里直接概括一下这两篇文章内容那些地方值得学习
封装API服务:
- 用 json-server快速设置一个模拟后端,摒弃直接写假数据的低端做法
- 生产环境URL和开发环境URL放在environment文件夹下管理,也可以global全局保存
- ApiService封装HTTP服务(增删查)、功能代码封装
- 单元测试(看不懂)
带搜索功能的列表:
- 一个实体对象来代表我们的帖子 export class xx {} 写法类似vo
-
export class Post { id: number title: string text: string }
- 描述API响应的接口
export interface ListResult<T> { items: T[] total: number }
- 流的东西一般用 变量$去表示即 test$=Observable<number>
- async管道允许视图直接使用观察者对象,不必在ngOndestory取消订阅的caoz操作