rxJs并不是专门给angular用的,其实是专门给javascript用的。但是angular深度的集成了rxjs
由于课程有限,并不会对rxjs做深入的剖析,有兴趣的可以看高级课程会花相当大时间去讲解rxjs

支持很多的语言。
5-6 rxjs 初步了解_事件流

把脏值检测这个模板child删掉先。
5-6 rxjs 初步了解_angular8_02
child组件直接删掉
5-6 rxjs 初步了解_事件流_03

5-6 rxjs 初步了解_html_04

5-6 rxjs 初步了解_angular8_05

5-6 rxjs 初步了解_angular8_06
一个输入框加一个引用
5-6 rxjs 初步了解_javascript_07
引用html的input元素,它是一个静态的
5-6 rxjs 初步了解_angular8_08
它的类型是一个ElementRef
5-6 rxjs 初步了解_输入框_09
formEvent的操作用来监测某一个html元素的事件,
5-6 rxjs 初步了解_javascript_10
监听input事件,打印出来它的值,e.target.value.
这里就是把input元素的input事件转换成一个事件流。subcribe是订阅,订阅后就可以获取到事件流。
5-6 rxjs 初步了解_angular8_11
5-6 rxjs 初步了解_事件流_12
每次输入值 都发生了变化。
5-6 rxjs 初步了解_html_13

5-6 rxjs 初步了解_javascript_14

这就是也给数据流
5-6 rxjs 初步了解_html_15


5-6 rxjs 初步了解_javascript_16

5-6 rxjs 初步了解_angular8_17
这个输入框没有限制长度的话,那么这个流就是无限的,可以一直输入下去。这种流就是无限的。如果限制了文本框的长度了。那么它就是有限的。
5-6 rxjs 初步了解_html_18

网络请求请求一次。那么这个流就是单个。
5-6 rxjs 初步了解_事件流_19

5-6 rxjs 初步了解_输入框_20


5-6 rxjs 初步了解_angular8_21

5-6 rxjs 初步了解_html_22

5-6 rxjs 初步了解_输入框_23

在这加个断点
5-6 rxjs 初步了解_html_24

5-6 rxjs 初步了解_事件流_25
刷新页面,先进入了第二个断点
5-6 rxjs 初步了解_javascript_26
第二个断点只有在输入的时候才会到这个断点上。
5-6 rxjs 初步了解_输入框_27

Observable

5-6 rxjs 初步了解_angular8_28
我们之前的这里也是Observable类型的
5-6 rxjs 初步了解_事件流_29

5-6 rxjs 初步了解_输入框_30
http返回的就是Observable类型
5-6 rxjs 初步了解_事件流_31


rxjs中所有都是异步的。
 

结束