5-6 rxjs 初步了解 Observable 结束

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

支持很多的语言。
5-6 rxjs 初步了解
Observable
结束

把脏值检测这个模板child删掉先。
5-6 rxjs 初步了解
Observable
结束
child组件直接删掉
5-6 rxjs 初步了解
Observable
结束

5-6 rxjs 初步了解
Observable
结束

5-6 rxjs 初步了解
Observable
结束

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

5-6 rxjs 初步了解
Observable
结束

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


5-6 rxjs 初步了解
Observable
结束

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

网络请求请求一次。那么这个流就是单个。
5-6 rxjs 初步了解
Observable
结束

5-6 rxjs 初步了解
Observable
结束


5-6 rxjs 初步了解
Observable
结束

5-6 rxjs 初步了解
Observable
结束

5-6 rxjs 初步了解
Observable
结束

在这加个断点
5-6 rxjs 初步了解
Observable
结束

5-6 rxjs 初步了解
Observable
结束
刷新页面,先进入了第二个断点
5-6 rxjs 初步了解
Observable
结束
第二个断点只有在输入的时候才会到这个断点上。
5-6 rxjs 初步了解
Observable
结束

5-6 rxjs 初步了解
Observable
结束
我们之前的这里也是Observable类型的
5-6 rxjs 初步了解
Observable
结束

5-6 rxjs 初步了解
Observable
结束
http返回的就是Observable类型
5-6 rxjs 初步了解
Observable
结束


rxjs中所有都是异步的。
 

结束