Jump to content
Search Community

Angular 1.4.x animation

jamiepm test
Moderator Tag

Go to solution Solved by jamiepm,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi All,

 

So I recently decided to start learning angular, and it was all going really well.

 

Then I decided to start using GSAP for my animations, exactly as I would usually. This worked but I wanted to really use an angular approach and completely remove my JS.

 

So I followed this plnkr: http://plnkr.co/edit/midHzP?p=preview

 

And it didn't work, but was clearly working on plnkr, then I realised my angular versions were different. Reverting back to 1.3 works a charm, however it would be nice to use the new version.

 

Can anyone steer me in the right direction as to how to fix it? My angular is sadly still rather poor so I feel I will struggle for a few hours, where as someone on here could push me in the right direction and it will become clear a lot quicker.

 

Cheers,

 

Jamie 

Link to comment
Share on other sites

Yeah there were a lot of animation changes made for 1.4. The animate method used have className as one of the parameters, but I guess that's only for CSS now. Removing it fixed the problem. One cool thing about Plunker is that it keeps versions of any saved changes, kind of like a GitHub commit, so you can click on the versions button to see the older version using 1.3.

 

http://plnkr.co/edit/midHzP?p=preview

 

Most of my Angular demos are on Plunker because CodePen's editor is pretty lousy. Take a look through my profile for examples. Most of the Angular questions answered on this forum link to something in there.

 

http://plnkr.co/users/OSUblake

  • Like 2
Link to comment
Share on other sites

  • Solution

Hey,

 

Thanks for the reply, Yep, seems they broke the css animations out, you inject $animateCSS if you want to use css.

 

Read up quite a bit, but no one provided a good example of the changes, your one comment gave more info into how to fix it than anything else.

 

Excellent, just what i was looking for, definitely going to read them all!

 

Thanks again.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...