Catches errors on the observable to be handled by returning a new observable or throwing an error. 返回新的可观察对象 import { Component, OnInit } from '@angular/core'; import { of } from 'rxjs/observable/of'; import { map, catchError, retry } from 'rxjs/oper…

文档资料 箭头函数--MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions 箭头函数--ES6文档:http://es6.ruanyifeng.com/#docs/function#箭头函数 Promise 对象--JS教程:https://wangdoc.com/javascript/async/promise.html Promise--ES6文档:htt…

最近抽空学习了一下Angular6,之前主要使用的是vue,所以免不了的也想对Angular6提供的工具进行一些封装,今天主要就跟大家讲一下这个http模块. 之前使用的ajax库是axios,可以设置baseurl,公共头部:集中捕捉错误等,由于Angular6的依赖注入机制,是不能通过直接修改http模块暴露的变量来封装的,但是通过官方文档我们知道可以通过拦截器(HttpInterceptor)来实现这一功能. 拦截器可以拦截请求,也可以拦截响应,那么通过拦截请求就可以实现 设置baseur…

本文目录 一.项目起步 二.编写路由组件 三.编写页面组件 1.编写单一组件 2.模拟数据 3.编写主从组件 四.编写服务 1.为什么需要服务 2.编写服务 五.引入RxJS 1.关于RxJS 2.引入RxJS 3.改造数据获取方式 六.改造组件 1.添加历史记录组件 2.添加和删除历史记录 七.HTTP改造 1.引入HTTP 2.通过HTTP请求数据 3.通过HTTP修改数据 4.通过HTTP增加数据 5.通过HTTP删除数据 6.通过HTTP查找数据 本项目源码放在github 六.改造组件…

一.Overview angular 入坑记录的笔记第四篇,介绍在 angular 中如何通过 HttpClient 类发起 http 请求,从而完成与后端的数据交互. 对应官方文档地址: Angular HttpClient 配套代码地址:angular-practice/src/http-guide 二.Contents Angular 从入坑到弃坑 - Angular 使用入门 Angular 从入坑到挖坑 - 组件食用指南 Angular 从入坑到挖坑 - 表单控件概览 Angular…

RxJS 博大精深,看了好几篇文章都没有明白. 范围牵扯到了函数响应式开发去了... 我对函数式一知半解, 响应式更是第一次听到... 唉...不过日子还是得过...混着过先呗 我目前所理解的很浅, 大致上是这样的概念. 1.某些场景下它比promise好用, 它善于过滤掉不关心的东西. 2.它是观察者模式 + 迭代器模式组成的 3.跟时间,事件, 变量有密切关系 4.世界上有一种东西叫 "流" stream, 一个流能表示了一段时间里,一样东西发生的变化. 比如有一个值, 它在某段时…

参加 2018 ngChina 开发者大会,特别喜欢 Michael Hladky 奥地利帅哥的 RxJS 分享,现在拿出来好好学习工作坊的内容(工作坊Demo地址),结合这个示例,做了一个改进版本,实现更简洁,逻辑更直观. 一.摩斯密码是什么? 了解者可跳过次章节 摩斯密码(Morse),是一种时通时断的信号代码,这种信号代码通过不同的排列组合来表达不同的英文字母.数字和标点符号等.地球人都知道的 SOS 求救信号,就是 Morse,三短(S) 三长(O) 三短(S). 信号对应表如下: 二.…

操作符文档 api 列表 do -> tap catch -> catchError switch -> switchAll finally -> finalize map switchMap mergeMap mep 类似于 Array.prototype.map() switchMap switchMap 会停止发出先前发出的内部 Observable 并开始发出新的内部 Observable 的值.(可以停止上一次发出的ajax) mergeMap 将每个值映射到Observ…

为什么要使用 RxJS RxJS 是一套处理异步编程的 API,那么我将从异步讲起. 前端编程中的异步有:事件(event).AJAX.动画(animation).定时器(timer). 异步常见的问题 回调地狱(Callback Hell) 竞态条件(Race Condition) 内存泄漏(Memory Leak) 管理复杂状态(Manage Complex States) 错误处理(Exception Handling) 回调地狱就是指层层嵌套的回调函数,造成代码难以理解,并且难以协调组织…

介绍RxJS前,先介绍Observable 可观察对象(Observable) 可观察对象支持在应用中的发布者和订阅者之间传递消息. 可观察对象可以发送多个任意类型的值 -- 字面量.消息.事件. 基本用法和词汇 作为发布者,你创建一个 Observable 的实例,其中定义了一个订阅者(subscriber)函数. 当有消费者调用 subscribe() 方法时,这个函数就会执行. 订阅者函数用于定义"如何获取或生成那些要发布的值或消息". 要执行所创建的可观察对象,并开始从中接收通…