应用场景
当一个父组件下的不同子组件需要进行传递数据时,我们可以选择通过Angular中的service传值
需使用到的Observable简介
在RxJS中,Subject是一类特殊的Observable,它可以向多个Observer多路推送数值。普通的Observable并不具备多路推送的能力(每一个Observer都有自己独立的执行环境),而Subject可以共享一个执行环境。BehaviorSubject是Subject的一个衍生类,它将数据流中的最新值推送给接受者
- 在服务中使用订阅来向各个组件推动数据;
- 在父组件的模板中绑定属性,父子组件中的构造函数同时使用服务参数;
- 在子组件中调用服务中的推送来推送数据更改,其他子组件可以通过ngOnChanges来检查更改然后做出相应的处理。
实例1
在公共父组件的service中先定义一个BehaviorSubject
$openTabs: BehaviorSubject<Set<ITab>> = new BehaviorSubject<Set<ITab>>(new Set());[set是Angular中的构造函数]
$openTabIndex: BehaviorSubject<number> = new BehaviorSubject<number>(-1);
/