angular observable 实现组件通信

 

...

参考

https://juejin.cn/post/6844904165181751304

https://www.jianshu.com/p/52500abbed5c?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

https://www.jianshu.com/p/8e8f3669a6f7

https://angular.cn/guide/component-interaction#parent-and-children-communicate-via-a-service

 

Observable.subscribe() 用于订阅发送可观察对象的消息
Subject.next() 用于向观察者对象发送消息，然后将其发送给改观察者的所有订阅者
Subject.asObservable() 返回一个可观察对象，一旦值变化，便会同时向它的订阅者更新消息。
Subject 就是一个源源不断的能发出输入框值的流。即可以不断的发出值，又可以使用subscribe源源不断的获得值。而这一切，通过Subject变得非常简单
也是官网例子, 子组件可以传给父组件的解释

 

场景

component 1 获取配置, 传给component2, 用户在component2 中选择值后, 这个值返给 component1 做统计用