在Angular中,我可以创建一个发出动作的子组件:

@Component({

...

template: `

Click Me

`

})

export class ChildComponent {

@Output() onChildAction = new EventEmitter();

childAction() {

this.onChildAction.emit();

}

}

以及处理它的父组件 . 就像是:

@Component({

...

template: `

`

})

export class ParentComponent {

parentAction() {

console.log('Hello');

}

}

这样可以正常工作,但有没有办法直接向父进行"passthrough"操作,而无需在调用 .emit() 的子进程中创建单击处理程序?

就像是:

@Component({

...

template: `

Click Me

`

})

export class ChildComponent {

@Output() onChildAction = new EventEmitter();

}

和:

@Component({

...

template: `

`

})

export class ParentComponent {

parentAction() {

console.log('Hello');

}

}

事件立即发送到父级而不必经过子处理程序 . 当您只需单击要让父组件处理的子项中的事件时,这非常有用 .

事件传递 java_将事件传递/发送到父组件?相关推荐

  1. angular移除事件绑定事件绑定_Vue.js子组件利用事件向父组件传输数据,以及sync修饰符和双向绑定...

    在Vue.js的组件中,prop是"单向绑定"的,数据只能从父组件传输到子组件.Vue文档中的说了这样做的原因: 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑 ...

  2. 【Vue 组件化开发 三】父组件给子组件传递数据、组件通信(父传子、子传父)、父访问子(children、ref)、动态组件(is、component)

    目录 一.前言 完整内容请关注: 二.父组件给子组件传递数据 1.使用props属性,父组件向子组件传递数据 1.使用组件的props属性 2.向cmessage对象传值 2. props属性使用 1 ...

  3. P13: * Component组件拆分、子组件向父组件传递数据

    React16 基础 阐述 新建服务菜单组件 父组件向子组件传值 子组件向父组件传递数据 warning警告 获取数组索引下标 子组件调用父组件方法 预览最终效果 index.js Xiaojieji ...

  4. reac——父组件向子组件传递值,子组件何时能同步获得父组件改变后的值

    //这里是父组件的代码:export default class HeaderCom_son extends React.Component {constructor(props) {super(pr ...

  5. vue父组件向子组件传递多个数据

    在平时我们使用VUE组件的时候,经常需要将父组件的某些数据传递给子组件,这个时候,我们通常会有很多的办法,这里主要分为两种情况: 第一种:静态数据传递:传递一个 字符串 第二种:动态数据传递:绑定一个 ...

  6. vue 传递多行数据_vue父组件向子组件传递多个数据的实例

    在平时我们使用VUE组件的时候,经常需要将父组件的某些数据传递给子组件,这个时候,我们通常会有很多的办法,这里主要分为两种情况: 第一种:静态数据传递:传递一个 字符串 第二种:动态数据传递:绑定一个 ...

  7. 【Android 事件分发】事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 )

    Android 事件分发 系列文章目录 [Android 事件分发]事件分发源码分析 ( 驱动层通过中断传递事件 | WindowManagerService 向 View 层传递事件 ) 文章目录 ...

  8. vue 事件调用 传参_vue如何在父组件指定点击事件后向子组件传递参数并调用子组件的事件?...

    可以给父组件写一个ref属性,父组件可以通过ref拿到子组件中的数据和方法(即例子中子组件的say方法),这样在父组件中就可以触发子组件的事件了.而父组件向子组件传参可以通过prop属性(即例子中的f ...

  9. Vue父组件与子组件传递事件/调用事件

    1.Vue父组件向子组件传递事件/调用事件 <div id="app"><hello list="list" ref="child& ...

最新文章

  1. 自动驾驶中的计算机视觉
  2. linux pthread_join 使用记录
  3. 基于SOA架构---ServiceProxy定义
  4. 同时打开两个excel工作窗口
  5. 目标文件里面到底有什么(2)?
  6. java Switch里面的类型问题
  7. 【英语学习】【Daily English】U10 Education L03 She's planning to study abroad
  8. linux 指定范围内查找文件,Linux Find命令查找指定时间范围内的文件的例子
  9. unittest框架(惨不忍睹低配版)
  10. 调用Thread类的方法:public final String getName() 为什么得到的线程对象的名称默认是:Thread-0、Thread-1、Thread-2、...呢?...
  11. 物业干货:如何写一篇超赞的物业工作月报
  12. 微信商家收款码和个人收款码有什么区别?
  13. 标准差σ未知_标准差σ的4种计算公式
  14. topaz remask破解版|topaz remask抠图神器5破解版下载
  15. 中了勒索病毒如何自救?20220105
  16. ContentRoot 和 WebRoot 的区别
  17. Oracle LiveLabs实验:DB Security - Unified Auditing
  18. windows 10 vs2017 x264的编译和使用测试
  19. 基于远程服务器的共享文件实现
  20. java 自行车_JAVA 2020款山地车盘点

热门文章

  1. 在c语言中引用数组元素时,其数组下标的数据类型允许是什么
  2. css 竖行进度图_前端学习--汇集了大量 CSS 的使用和学习的示例代码
  3. java 实现按规则自增功能_java运算符详解 - osc_74vaali6的个人空间 - OSCHINA - 中文开源技术交流社区...
  4. java 保垒机telnet,开源堡垒机系统Teleport
  5. 垃圾分类毕设java程序_垃圾“拍一拍”,分类不用愁!生活垃圾分类查询小程序上线啦...
  6. 苹果电脑怎么删除软件_误格式化,删除文件怎么恢复?3款最好用的数据恢复软件推荐...
  7. 【渝粤教育】国家开放大学2018年春季 0004-21T有机合成单元反应 参考试题
  8. 2021年春季学期期末统一考试 组织行为学 试题
  9. 基于无线通信技术的智能公交系统设计
  10. 微型计算机组装实验报告虚拟,计算机硬件的组装实验报告.doc