在不使用变量的情况下为单个元素 ngfor angular 设置动画

【问题标题】：Animate a single element ngfor angular without using a variable在不使用变量的情况下为单个元素 ngfor angular 设置动画
【发布时间】：2019-02-24 22:57:38
【问题描述】：

我正在尝试使用 Angular 制作悬停和悬停结束（当鼠标离开对象时）效果，但我找不到如何做到这一点。我尝试过创建一个可以返回真或假的函数，但没有成功。我想问一下是否有人对这个问题有更好的解决方案，因为我不确定为每个元素使用一个变量是个好主意。

myProject

【问题讨论】：

标签： angular animation ngfor

【解决方案1】：

没有看到你的任何代码，这是我能想到的最好的

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

然后在你的ngOnInit()

ngOnInit() {
    this.hover();
}

【讨论】：

我不知道如何使用函数更改动画状态，这是我尝试使用模板变量和元素值的问题，但只要你有一个元素就可以了