对单个元素ngfor角进行动画处理，而无需使用变量

Question

我正在尝试使用Angular进行hover和hoverEnd（当鼠标离开对象时）效果，但是我找不到执行该操作的方法。我已经尝试过制作一个可以返回true或false的函数，但没有成功。我想问问是否有人对这个问题有更好的解决方案，因为我不确定对每个元素都使用变量是否是个好主意。

myProject

Answer 1

在看不到您的任何代码的情况下，这是我能想到的最好的方法

hover() {
    const element = <HTMLElement>document.querySelector('#element');
    element.addEventListener('hover', () => {
        // do something
    });
    element.addEventListener('mouseleave', () => {
       // do something else
    })
}

然后在您的ngOnInit()

中

ngOnInit() {
    this.hover();
}