Angular 6 - 子(内部)组件发出 EventEmitter 并等待父组件返回响应
创始人
2024-10-16 03:00:41
0

在Angular 6中,子组件可以通过EventEmitter将事件发送给父组件,并等待父组件返回响应。下面是一个包含代码示例的解决方法:

在子组件中,定义一个EventEmitter属性,并创建一个方法来触发事件:

import { Component, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    
  `
})
export class ChildComponent {
  @Output() eventEmitter: EventEmitter = new EventEmitter();

  sendEvent() {
    this.eventEmitter.emit(true);
  }
}

在父组件中,使用子组件的标记,并监听子组件发出的事件:

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    
  `
})
export class ParentComponent {
  handleEvent(event: boolean) {
    // 处理子组件发出的事件,并返回响应
    if (event) {
      console.log("收到子组件发出的事件,并返回响应");
    }
  }
}

在父组件的模板中,使用子组件的标记,并绑定一个事件处理函数来处理子组件发出的事件。在事件处理函数中,可以根据需要处理子组件发出的事件,并返回响应。

以上就是一个简单的示例,展示了如何在Angular 6中使用子组件发出EventEmitter,并等待父组件返回响应。

相关内容

热门资讯

重大通报!wepoker怎么挂... 重大通报!wepoker怎么挂飞机,wepoker有没有机器人,2025新版技巧(有挂透明)1、玩家...
总算了解!htx矩阵wepok... 1、总算了解!htx矩阵wepoker辅助,epoker透视底牌,必胜教程(有挂辅助);详细教程。2...
发现玩家!hhpoker有没有... 发现玩家!hhpoker有没有作弊挂,agpoker辅助,大神讲解(有挂神器);支持2-10人实时对...
发现玩家!扑克之星辅助,pok... 发现玩家!扑克之星辅助,pokemmo手机脚本,AI教程(有挂辅助);建议优先通过pokemmo手机...
重大来袭!德州局脚本,wpk辅... 重大来袭!德州局脚本,wpk辅助,辅助教程(有挂技巧);1.德州局脚本 ai辅助创建新账号,点击进入...
玩家必备攻略!hhpoker怎... 玩家必备攻略!hhpoker怎么开透视,pokerworld破解版下载,新版2025教程(有挂技巧)...
实测发现!xpoker怎么作弊... 实测发现!xpoker怎么作弊,wepoker数据分析工具,详细教程(有挂方法);原来确实真的有挂(...
推荐攻略!aapoker怎么设... 推荐攻略!aapoker怎么设置提高好牌几率,wepoker有人用过吗,德州教程(有挂教程)1、很好...
研究成果!hhpoker透视脚... 这是一款非常优秀的hhpoker透视脚本视频 ia辅助检测软件,能够让你了解到hhpoker透视脚本...
今日百科!德州局HHpoker... 1、今日百科!德州局HHpoker透视脚本,wepoker透视脚本网页,必备教程(有挂方法);详细教...