Angular 查询不保持状态的动画

Angular animations with query not keeping state

我正在尝试使用 Angular 5 动画模块制作鼠标悬停动画。到目前为止，我设法绑定鼠标进入和鼠标离开事件并触发动画，但无法在鼠标仍在元素上悬停时保持悬停状态。它是触发动画的接缝，并在完成动画后立即回滚到初始状态。

我在这里遗漏了什么吗？有什么想法吗？

嗯，我已经设法通过切换到状态而不是查询函数来解决它。如果有人遇到同样的困难，这是我的解决方案：

感谢我自己，编码愉快。