2

I'm trying to do a mouseover animation with Angular 5 Animations module. So far I manage to bind the mouse enter and mouse leave events and trigger the animation, but can't manage to keep the hover state while the mouse is still hovering the element. It's seams to trigger the animation and immediately after finishing the animation it rolls back to initial state.

Here is an example of the problem: https://stackblitz.com/edit/angular-7xvqsr

Am I missing anything here? Any ideas?

1 Answer 1

-1

Well, I've managed to solve it by switching to state instead of query function. Here's my solution in case of anyone having the same difficulty:

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

Thanks to myself, Happy coding.

1
  • 3
    I am have the same problem. This isn't really "the" solution since sometimes query is required.
    – Randy
    Jan 29, 2019 at 23:26

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.