5-6 rxjs 初步了解

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

支持很多的语言。


把脏值检测这个模板child删掉先。

child组件直接删掉







一个输入框加一个引用

引用html的input元素,它是一个静态的

它的类型是一个ElementRef

formEvent的操作用来监测某一个html元素的事件,

监听input事件,打印出来它的值,e.target.value.
这里就是把input元素的input事件转换成一个事件流。subcribe是订阅,订阅后就可以获取到事件流。


每次输入值 都发生了变化。




这就是也给数据流






这个输入框没有限制长度的话,那么这个流就是无限的,可以一直输入下去。这种流就是无限的。如果限制了文本框的长度了。那么它就是有限的。


网络请求请求一次。那么这个流就是单个。











在这加个断点



刷新页面,先进入了第二个断点

第二个断点只有在输入的时候才会到这个断点上。

Observable


我们之前的这里也是Observable类型的



http返回的就是Observable类型



rxjs中所有都是异步的。
 

结束



 

posted @ 2020-08-30 23:15  高山-景行  阅读(149)  评论(0编辑  收藏  举报