角度动画，查询不保持状态

Question

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

以下是问题的示例：https://stackblitz.com/edit/angular-7xvqsr

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

Answer 1

好吧，我已经设法通过切换到状态而不是查询功能来解决它​​。 如果有人遇到同样的困难，我的解决方案就是：

https://stackblitz.com/edit/angular-xz5whd

感谢我， 快乐的编码。