文档章节

Angular和RxJS的一些应用场景

SubinY
 SubinY
发布于 2017/08/28 23:14
字数 369
阅读 67
收藏 1

最近一直看有关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操作

 

java中extends与implements的区别浅谈

© 著作权归作者所有

共有 人打赏支持
SubinY
粉丝 8
博文 87
码字总数 66143
作品 0
佛山
程序员
私信 提问
Angular 6正式版发布,都有哪些新功能

在Angular 5发布半年之后,Angular 6在昨天正式发布,那么在这个版本有哪些新功能呢?新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。除此之外,这次更新还包括框架包(@angu...

code_xzh
05/05
0
0
Angular 6.0正式版发布,都有哪些新功能

点击关注异步图书,置顶公众号 每天与你分享IT好书 技术干货 职场知识 在Angular 5发布半年之后,Angular 6在昨天正式发布,那么在这个版本有哪些新功能呢?新版本重点关注工具链以及工具链在...

异步社区
05/08
0
0
记NG4 迁移到 NG6 的一次实践

记NG4 迁移到 NG6 的一次实践 node >= 8.9.0$ npm -vnpm >= 5.6.0 $ npm uninstall -g @angular/cli // 卸载旧版本cli。$ npm cache clean // 清除缓存,确保卸载干净// 安装当前最新版本cli......

Arabic男孩纸
10/24
0
0
选择 Angular 还是 React?老司机告诉你,快上车!

现在JS框架两强的格局让许多开发者选择起来很纠结。无论你是一个正在思考如何入门的新手,还是一个为下个项目挑选框架的设计者,或是一个架构师为公司做长远的规划,你都有可能从学习这个主题...

你好明天ll
06/26
0
0
angular--Observable总结

Observable的通俗理解 ---Observable在消息发布者和观察者Observer之间起到一个媒体中介的作用,Observer是真正需要接受信息的人。Observable的实例提供了一个订阅函数,subscribe()。当Obs...

IrisHuang
07/07
0
1

没有更多内容

加载失败,请刷新页面

加载更多

eslint rules 规则

'rules': { "comma-dangle": ["error", "never"], //是否允许对象中出现结尾逗号 "no-cond-assign": 2, //条件语句的条件中不允许出现赋值运算符 "no-console": 2, //不允许出现console语句 ...

agenyun
43分钟前
1
0
类型判断时instanceof和equals的不同用法

接口设计时为了避免序列化的麻烦,将接口定义为参数为map<String,String>类型的接口,但是现在调用时需要转换当前的实体Bean为Map,接口接收方再把Map转换为另一个Bean实体。过程中的需要对类...

wangtx
49分钟前
2
0
vue 组件间传值(个人精编)

1.父组件向子组件传值 1⃣️.子组件标签绑定需要传递的参数名2⃣️.子组件页面使用props 接收参数 2.子组件向父组件传值  1⃣️.子组件使用$emit来触发一个自定义事件,并传递一个参...

MrBoyce
今天
1
0
(荷兰)彼得·冯·门施著:博物馆学研究的目的

博物馆学研究的目的 (荷)彼得·冯·门施 尽管诸多关于博物馆学认知目的的不同看法可以被归纳为数个主要群体,但没有一个群体可以被称为“学派”。一般来说,学派是由于博物馆学研究目的的不...

乔老哥
今天
3
0
Vue slot的用法

之前看官方文档,由于自己理解的偏差,不知道slot是干嘛的,看到小标题,使用Slot分发内容,就以为 是要往下派发内容。然后就没有理解插槽的概念。其实说白了,使用slot就是先圈一块地,将来...

peakedness丶
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部