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:

Received Message: {{receivedMessage}}

}) export class AppComponent { receivedMessage: string;

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

相关内容

热门资讯

透视软件!wepoker国外版... 透视软件!wepoker国外版透视,we-poker正规吗(都是真的有挂)1、wepoker国外版透...
透视好牌!wepoker辅助器... 透视好牌!wepoker辅助器官方,wepoker怎么挂飞机(本来是有挂)1、任何wepoker怎么...
透视科技!poker辅助器免费... 透视科技!poker辅助器免费安装,wepoker辅助真的假的(其实有挂);1、poker辅助器免费...
透视科技!淘宝买wepoker... 透视科技!淘宝买wepoker透视有用吗,wepoker透视有用吗(切实是有挂)1、超多福利:超高返...
透视脚本!wepoker安装教... 透视脚本!wepoker安装教程,wepokerplus作弊(确实是有挂)1、构建自己的wepoke...
透视辅助!wepoker破解器... 透视辅助!wepoker破解器激活码,wepoker到底有没有透视(果然是有挂)wepoker到底有...
透视规律!wepoker透视苹... 透视规律!wepoker透视苹果系统,we poker辅助器v3.3(一直是有挂);透视规律!wep...
透视计算!wepoker有辅助... 透视计算!wepoker有辅助插件吗,wepoker私人局辅助挂(总是真的是有挂)1、让任何用户在无...
透视了解!wejoker辅助机... 透视了解!wejoker辅助机器人,wepoker到底有没有透视(切实真的有挂);一、wepoker...
透视辅助!wepoker作弊辅... 透视辅助!wepoker作弊辅助,wepoker游戏的安装教程(好像真的有挂)1、超多福利:超高返利...