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

相关内容

热门资讯

2分钟教学！微信开心十三张辅助... 2分钟教学！微信开心十三张辅助是真是假，德扑网上设置（详细透视辅助工具教程）关于微信开心十三张辅助是...
九分钟攻略！17麻将大菠萝胜率... 九分钟攻略！17麻将大菠萝胜率规律，wopoker真的有挂（详细透视辅助黑科技教程）；（需添加指定薇...
五分钟介绍！皮皮四川麻将有挂没... 1、五分钟介绍！皮皮四川麻将有挂没有，poker软件免费（详细透视辅助app教程）。2、皮皮四川麻将...
四分钟教程！奈曼麻将有挂吗，w... 四分钟教程！奈曼麻将有挂吗，wpk微扑克辅助透视（详细透视辅助助手教程）1、每一步都需要思考，不同水...
9分钟技巧！欢乐情怀软件使用方... 9分钟技巧！欢乐情怀软件使用方法，红龙扑克辅助工具（详细透视辅助神器教程）；科技安装教程；13670...
一分钟详情！jj斗地主透视神器... 1、一分钟详情！jj斗地主透视神器，德扑网上设置（详细透视辅助挂教程）2、进入游戏-大厅左侧-新手福...
一分钟详情！阳光岛牌乐汇辅助工... 一分钟详情！阳光岛牌乐汇辅助工具，云扑克有辅助软件（详细透视辅助工具教程）阳光岛牌乐汇辅助工具平台为...
5分钟规律！开心联盟牛牛怎样胜... 5分钟规律！开心联盟牛牛怎样胜率高，cloud辅助（详细透视辅助挂教程）相信很多朋友都在电脑上玩过开...
四分钟技巧！同城五十k辅助，w... 四分钟技巧！同城五十k辅助，wpk透视辅助哪里下载（详细透视辅助插件教程）；是一款可以让一直输的玩家...
一分钟教程！快玩炸翻天有脚本吗... 一分钟教程！快玩炸翻天有脚本吗，德扑之星可以看底牌（详细透视辅助助手教程）;一、快玩炸翻天有脚本吗有...