Angular儿子组件事件指向了错误的父组件
创始人
2024-10-24 17:01:09
0次
  1. 使用@Output()和EventEmitter实现代表事件的属性。在儿子组件中，除了事件外，还需要将该属性作为输出属性注入。这样，当事件触发时，它会在儿子组件中启动一个事件，并通过该输出属性将其传递到父组件。然后，在父组件中，将此输出属性绑定到接受事件的方法。

父组件：

子组件：

@Output() selected = new EventEmitter();
onclick(city:string){
  this.selected.emit(city);
}
  1. 使用@ViewChild寻找子组件。使用ViewChild，可以选择一个具体的子组件，而不是使用查询选择器。

父组件：

子组件：

@ViewChild('child') child: ChildComponent;
  1. 使用@ContentChild查询查询DOM，以便在包装器组件中找到子组件。

父组件：

子组件：

@ContentChild('child') child: ChildComponent;

上一篇：AngularErrorInterceptor单元测试不如预期工作

下一篇：Angulareslint非常缓慢

相关内容

热门资讯

透视辅助！大菠萝手游辅助，uu... 透视辅助！大菠萝手游辅助，uupoker有透视吗，总是存在有挂（靠谱教程）1、玩家可以在大菠萝手游辅...
透视透视！wepoker到底有... 透视透视！wepoker到底有没有透视，德扑圈透视挂（透视）竟然真的是有挂（黑科技教程）；1、上手简...
透视游戏！werplan怎么作... 透视游戏！werplan怎么作弊，福建大菠萝万能辅助器，竟然是真的有挂（必胜教程）1、福建大菠萝万能...
透视规律！aapoker脚本，... 透视规律！aapoker脚本，pokermaster脚本（透视）本来真的有挂（德州论坛）pokerm...
透视规律！德州局透视脚本，we... 透视规律！德州局透视脚本，werplan辅助软件，确实有挂（力荐教程）；德州局透视脚本辅助器中分为三...
透视能赢！大菠萝免费辅助器，x... 透视能赢！大菠萝免费辅助器，xpoker透视辅助（透视）其实真的有挂（科技教程）1、大菠萝免费辅助器...
透视玄学！wpk俱乐部是真的吗... 透视玄学！wpk俱乐部是真的吗，wpk透视辅助靠谱吗（透视）从前真的有挂（揭秘攻略）1、超多福利：超...
透视脚本！xpoker辅助，大... 透视脚本！xpoker辅助，大菠萝789辅助器下载，其实存在有挂（高科技教程）1、进入到大菠萝789...
透视数据！hhpoker是正品... 透视数据！hhpoker是正品吗，aa poker辅助（透视）本来存在有挂（可靠教程）；1、很好的工...
透视透视！sohoo辅助，uu... 透视透视！sohoo辅助，uupoker透视，一直真的是有挂（科技教程）1、金币登录送、破产送、升级...