Angular使用ngIf然后EventEmitter不起作用 _程序开发

创始人

2024-10-29 12:31:29

0次

问题是因为使用 ngIf 导致组件在 DOM 中被移除，当使用 EventEmitter 触发事件时这个事件无法响应。可以通过把 ngIf 改为 [hidden] 来解决这个问题。

代码示例：

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

@Component({ selector: 'app-test', template:

Component Content

}) export class TestComponent { show = true; @Output() messageEvent = new EventEmitter();

sendMessage() { this.messageEvent.emit('Message from TestComponent to AppComponent'); } }

// 父组件中 import { Component } from '@angular/core';

@Component({ selector: 'app-root', template:

}) export class AppComponent { receivedMessage: string;

receiveMessage($event) { this.receivedMessage = $event; } }

透视玄学"hh po... 1、透视玄学"hh poker辅助器先试用"详细辅助必赢教程(黑侠辅助器正版下载技巧)。2、hh p...

透视挂"wpk刷入池... 透视挂"wpk刷入池率脚本"详细辅助2025新版教程(透视脚本下载软件)；支持2-10人实时对战，虚...

透视软件"aapok... 《透视软件"aapoker怎么设置抽水"详细辅助玩家教你(万能挂透视)》 aapoker怎么设置抽水...

透视有挂"aa po... 1、透视有挂"aa poker辅助包"详细辅助透明挂教程(开脚本视频教程)；详细教程。2、aa po...

透视辅助"佛手在线是... 1、透视辅助"佛手在线是不是有挂"详细辅助安装教程(软件辅助程序辅助)（UU poker、佛手在线是...

透视玄学"hhpok... 您好，hhpoker一直输有挂吗这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】...

透视黑科技"wepo... 透视黑科技"wepoker透视辅助下载"详细辅助解密教程(提高好牌率辅助)1、玩家可以在wepoke...

透视脚本"wpk辅助... 《透视脚本"wpk辅助插件"详细辅助AA德州教程(透视辅助下载方法)》 wpk辅助插件软件透明挂更新...

透视真的"德州辅助工... 透视真的"德州辅助工具到底怎么样"详细辅助安装教程(有辅助教程)；德州辅助工具到底怎么样软件透明挂作...

透视教学"wepok... 这是一款非常优秀的wepoker私人局外卦 ia辅助检测软件，能够让你了解到wepoker私人局外卦...