Angular 7:在点击事件上EventEmitter不起作用。
创始人
2024-10-17 09:32:22
0

在Angular 7中,使用EventEmitter来在点击事件上触发自定义事件可能无效。这是因为在Angular 7中,点击事件的默认行为已经被禁用。为了使EventEmitter正常工作,你需要手动启用点击事件的默认行为。

以下是一个示例代码,演示如何在Angular 7中使用EventEmitter来处理点击事件:

在组件的HTML模板中,添加一个按钮,并使用(click)指令来绑定点击事件:


在组件的TypeScript文件中,导入EventEmitter和Output,并创建一个用于处理点击事件的方法。在该方法中,使用EventEmitter的emit方法来触发自定义事件:

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  @Output() myEvent = new EventEmitter();

  onClick() {
    this.myEvent.emit();
  }
}

在父组件的HTML模板中,使用自定义事件的语法来监听并处理事件:


在父组件的TypeScript文件中,创建一个用于处理自定义事件的方法:

handleEvent() {
  console.log('点击事件已触发');
}

这样,当我们点击按钮时,点击事件会触发,并且自定义事件会被发射,最终在父组件中处理该事件。

希望以上解决方法能够帮助您解决问题!

相关内容

热门资讯

揭露透视!epoker底牌透视... 揭露透视!epoker底牌透视,微乐辅助靠谱麻,资料教程(有挂透明挂)-哔哩哔哩1、玩家可以在epo...
总结透视!wepoker免费脚... 总结透视!wepoker免费脚本咨询,微乐自建房脚本如何下载,资料教程(有挂攻略)-哔哩哔哩1.we...
揭露透视!哈糖大菠萝可以开挂吗... 揭露透视!哈糖大菠萝可以开挂吗,微乐多乐跑作弊,大纲教程(有挂透视)-哔哩哔哩1、哈糖大菠萝可以开挂...
关于透视!wpk模拟器,微乐小... 关于透视!wpk模拟器,微乐小程序自建房透视,绝活儿教程(真实有挂)-哔哩哔哩暗藏猫腻,小编详细说明...
详情透视!wepoker私人局... 详情透视!wepoker私人局透视,微乐兰州麻将小程序辅助,讲义教程(有挂方略)-哔哩哔哩详情透视!...
解谜透视!来玩app破解,微乐... 解谜透视!来玩app破解,微乐小程序微乐家乡辅助器,阶段教程(真实有挂)-哔哩哔哩1、这是跨平台的来...
解密透视!pokemmo辅助器... 解密透视!pokemmo辅助器脚本下载,微信小程序微乐破解器2024,总结教程(有挂透视)-哔哩哔哩...
总结透视!wepokerplu... 总结透视!wepokerplus开挂,陕西微乐挖坑控制器,大纲教程(确实有挂)-哔哩哔哩1、这是跨平...
有挂透视!德州私人局脚本,微乐... 有挂透视!德州私人局脚本,微乐辅助和靠谱吗,阶段教程(有挂秘籍)-哔哩哔哩所有人都在同一条线上,像星...
总结透视!we poker游戏... 总结透视!we poker游戏下,手机微乐小程序游戏破解器,手筋教程(有挂教学)-哔哩哔哩1、游戏颠...