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

相关内容

热门资讯

透视了解！wepoker一直输... 透视了解！wepoker一直输的号能继续打，wpk作弊是真的，第三方教程（有挂教学）；最新版本免费下...
九分钟辅助挂！八闽掌上辅助软件... 九分钟辅助挂！八闽掌上辅助软件，永胜联盟金花辅助，攻略方法（有挂方法）1、很好的工具软件，可以解锁游...
透视系统！wepoker破解是... 透视系统！wepoker破解是真的还是假的，约局吧app有挂，细节揭秘（真的有挂）；软件透明挂是一个...
第1分钟辅助挂！游戏大厅辅助器... 第1分钟辅助挂！游戏大厅辅助器，奇迹思维辅助，新2025教程（揭秘有挂）1、玩家可以在软件透明挂俱乐...
透视有挂！wepoker私人局... 透视有挂！wepoker私人局辅助，wepoker有挂，揭秘教程（今日头条）;AI辅助机器人普及解说...
第五分钟辅助挂！天天微友辅助，... 第五分钟辅助挂！天天微友辅助，呱呱丰城双剑辅助，可靠教程（确实有挂）1、首先打开最新版本，在首页我们...
透视辅助！wepoker有透视... 透视辅助！wepoker有透视功能，wepoker怎看牌型，透明挂教程（有挂辅助）;AI辅助机器人普...
1分钟辅助挂！新道游辅助透视下... 1分钟辅助挂！新道游辅助透视下载，多乐辅助app，科技教程（的确有挂）1、系统规律教程、辅助透视等服...
辅助透视！哈糖大菠萝万能挂，智... 您好：这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好，总是好牌...
第7分钟辅助挂！四川游戏家园万... 第7分钟辅助挂！四川游戏家园万能辅助工具，悠闲川南辅助器，新版2025教程（真实有挂）辅助器中分为三...