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非常缓慢

相关内容

热门资讯

第一分钟辅助！德州私人局脚本，... 第一分钟辅助！德州私人局脚本，hhpoker免费辅助器，方案教程（有挂规律）1、金币登录送、破产送、...
三分钟辅助！hh poker透... 三分钟辅助！hh poker透视器下载，wepoker透视脚本，练习教程（有挂头条）所有人都在同一条...
第六分钟辅助！hh poker... 第六分钟辅助！hh poker软件，hhpoker是真的还是假的，阶段教程（有挂攻略）1、完成hhp...
第七分钟辅助！pokemmo手... 第七分钟辅助！pokemmo手机版脚本，wepoker俱乐部辅助，机巧教程（存在有挂）1、这是跨平台...
第四分钟辅助！wepoker有... 第四分钟辅助！wepoker有辅助插件吗，wepoker免费脚本，窍门教程（有挂解惑）1.wepok...
第一分钟辅助！wpk透视辅助下... 第一分钟辅助！wpk透视辅助下载，aapoker插件下载，资料教程（有挂教学）1、很好的工具软件，可...
第四分钟辅助！werplan脚... 第四分钟辅助！werplan脚本，wepoker透视脚本免费下载pc，技法教程（揭秘有挂）在进入we...
六分钟辅助！佛手大菠萝辅助，w... 六分钟辅助！佛手大菠萝辅助，wepoker轻量版透视，教材教程（有挂头条）1）wepoker轻量版透...
第二分钟辅助！pokemmo内... 第二分钟辅助！pokemmo内置修改器，wejoker辅助软件，妙招教程（有挂详情）1、首先打开po...
第7分钟辅助！wepoker轻... 第7分钟辅助！wepoker轻量版透视系统，aapoker ai插件，绝活教程（有挂规律）1、该软件...