如何在Angular中创建发布者/订阅者模型？

发布时间：2020-12-17 17:15:07 所属栏目：安全来源：网络整理

导读：我一直在玩Angular,并且一直试图找到一种在整个组件树中使用pub / sub机制的方法. 似乎EventEmitter只发出一个可以订阅一级的事件 – 但不是更多.同样,它只发出树上的事件但现在已经失效. plunker 相关代码在这里： class App { onAncestor($event) { consol

我一直在玩Angular,并且一直试图找到一种在整个组件树中使用pub / sub机制的方法.

似乎EventEmitter只发出一个可以订阅一级的事件 – 但不是更多.同样,它只发出树上的事件但现在已经失效.

plunker

相关代码在这里：

class App {
  onAncestor($event) {
     console.log('in ancestor,decendent  clicked',$event);
  } 
}

 ...
class Entities {
   ....
   onParent($event) {
     console.log('in entities parent,child  clicked',$event);
   } 

   onGrandParent($event) {
      console.log('in grand parent,grandschild  clicked',$event);
   }

}

只调用onParent,而不是onGrandparent或onAncestor.同样,它也不会向下发布.

解决方法

使用Angular 2会出现一个名为RxJs的observables库,因此可用于创建我们可以订阅和提交事件的服务.

然后我们使用依赖注入机制将该服务注入到我们需要它的应用程序的任何位置.

所以广播/发射事件机制不再需要了,因为它被更强大的observables机制所取代,它在框架中的任何地方都是内置的：EventEmitter是一个可观察的,表单值是可观察的,http可以返回可观察的等等.

有关如何使用RxJs为发布/订阅构建服务的示例,请参阅此repository.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!