通过Angular2中的嵌套组件发出事件

nakajuice

可以使用Output()装饰器从子组件中发出事件,以便父组件可以捕获该事件。我需要捕获任何子组件发出的事件,这不一定是给定组件的直接子组件。

让我们ComponentTwo将其作为发出事件的组件。如果该应用具有以下结构:App -> ComponentTwo,那么我们可以轻松捕获发出的事件ComponentTwo但是,如果我们考虑类似的结构App -> ComponentOne -> ComponentTwo,那么我们将无法直接捕获发射器。

这是一个说明问题的小插曲

那么,有没有一种方法可以将事件传播到所有父组件?谢谢。

蒂埃里(Thierry)圣堂武士(Thierry templar)

不支持对此类事件进行冒泡。您需要手动捕获它们并将其发送给父级。

另一种方法是为该组件树利用共享服务,并在其中使用可观察的/主题。

这样,所有子组件都可以订阅它,即使在子子子对象内也可以得到事件通知。

constructor(private service: SharedService) {
  this.service.notifier$.subscribe(
    data => {
      (...)
    });
}

该事件将通过以下方式触发:

constructor(private service: SharedService) {
}

notify() {
  this.service.notifier$.next('some data');
}

有关更多详细信息,请参见此链接:

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过Angular2中的嵌套组件发出事件

来自分类Dev

Angular2发出事件直到DOM树

来自分类Dev

在Angular 2中发出事件后如何订阅

来自分类Dev

angular2 从动态子级到父级发出事件

来自分类Dev

Vue 3-从插槽中的子组件发出事件

来自分类Dev

发出事件时,Angular 2调用函数/方法

来自分类Dev

angular2:模板中的嵌套循环而不发出HTML

来自分类Dev

angular2:模板中的嵌套循环而不发出HTML

来自分类Dev

VueJS 3从子组件到父组件发出事件

来自分类Dev

从App.vue发出事件并捕获组件

来自分类Dev

Angular2嵌套组件变量无法在模板中访问

来自分类Dev

Angular2嵌套组件变量无法在模板中访问

来自分类Dev

Angular 2如何使嵌套组件中的事件冒泡

来自分类Dev

ETW:通过现有提供商发出事件

来自分类Dev

Angular2路由器出口组件事件发出(A2> = v1.2.0)

来自分类Dev

调用嵌套组件函数angular2

来自分类Dev

在RxSwift中手动发出事件

来自分类Dev

无法从打字稿中的异步方法发出事件

来自分类Dev

在Angular2中,如何根据某个组件中接收到的事件来隐藏该组件?

来自分类Dev

使用父组件中的click事件,子组件中的Angular2 Toggle类

来自分类Dev

使用鼠标发出事件

来自分类Dev

angular2 –在单个父级组件中多次使用与嵌套组件相同的组件,并具有不同的输入

来自分类Dev

如何从组件到主实例发出事件int $ emit或vuex

来自分类Dev

Vue.js如何在路由器视图组件之间发出事件

来自分类Dev

Angular2选择器与嵌套组件中的任何元素都不匹配

来自分类Dev

在单独的文件中时,Angular2多态嵌套组件会中断

来自分类Dev

嵌套在Angular2中时组件未实例化

来自分类Dev

嵌套在Angular2中时组件未实例化

来自分类Dev

我如何通过在元素外单击来从指令发出事件?

Related 相关文章

  1. 1

    通过Angular2中的嵌套组件发出事件

  2. 2

    Angular2发出事件直到DOM树

  3. 3

    在Angular 2中发出事件后如何订阅

  4. 4

    angular2 从动态子级到父级发出事件

  5. 5

    Vue 3-从插槽中的子组件发出事件

  6. 6

    发出事件时,Angular 2调用函数/方法

  7. 7

    angular2:模板中的嵌套循环而不发出HTML

  8. 8

    angular2:模板中的嵌套循环而不发出HTML

  9. 9

    VueJS 3从子组件到父组件发出事件

  10. 10

    从App.vue发出事件并捕获组件

  11. 11

    Angular2嵌套组件变量无法在模板中访问

  12. 12

    Angular2嵌套组件变量无法在模板中访问

  13. 13

    Angular 2如何使嵌套组件中的事件冒泡

  14. 14

    ETW:通过现有提供商发出事件

  15. 15

    Angular2路由器出口组件事件发出(A2> = v1.2.0)

  16. 16

    调用嵌套组件函数angular2

  17. 17

    在RxSwift中手动发出事件

  18. 18

    无法从打字稿中的异步方法发出事件

  19. 19

    在Angular2中,如何根据某个组件中接收到的事件来隐藏该组件?

  20. 20

    使用父组件中的click事件,子组件中的Angular2 Toggle类

  21. 21

    使用鼠标发出事件

  22. 22

    angular2 –在单个父级组件中多次使用与嵌套组件相同的组件,并具有不同的输入

  23. 23

    如何从组件到主实例发出事件int $ emit或vuex

  24. 24

    Vue.js如何在路由器视图组件之间发出事件

  25. 25

    Angular2选择器与嵌套组件中的任何元素都不匹配

  26. 26

    在单独的文件中时,Angular2多态嵌套组件会中断

  27. 27

    嵌套在Angular2中时组件未实例化

  28. 28

    嵌套在Angular2中时组件未实例化

  29. 29

    我如何通过在元素外单击来从指令发出事件?

热门标签

归档