如何直接在模板中获取组件的元素引用？

Question

我有一些我将重点放在使用鼠标悬停上的元素：

<div #divTemplateVar (mouseover)="divTemplateVar.focus()"></div>

尽管这似乎不适用于组件：

<component #componentTemplateVar (mouseover)="componentTemplateVar.focus()"></component>

我知道我可以使用

viewChild('componentTemplateVar', { read: ElementRef }) 

选择模板中的组件，但是我有很多组件只需要专注于鼠标悬停，并且不想手动编写视图子项并将其id与mouseover功能匹配。

如何让子级子项自动将注意力集中在mouseover事件上？

Answer 1

发出指令：stackblitz

icrementer(){
var Count=this.state.count;
this.setState({count:Count+1})
}