Angular 2 Tutorial - 39 - Animations in Angular 2

📱 Follow Codevolution

Angular 2 | Angular 2 Animations| Angular 2 Tutorial | Angular 2 Tutorial for Beginners | Angular 2 Animation Basics

[albaqawi]

Codevolution team thank you for an amazing course structure and explanation that is out of this world!
so after this recording in Dec 2016, In march 2017 Angular 4.0 is out and looking on the new the Animations package is not out of the @Angular/core.

So I committed my project, like any good eng. would do! :p as I am using the routing code to using animations on it.

after running on command like og gitbash:

Then I added the lines recommended by Łukasz Patro (2nd post here):
import in app.module.ts:

And imports in component looks slightly different in Angular Docs:
import {
trigger,
state,
style,
transition,
animate,
keyframes,
group

after running
$npm start
code will not run and I get in the console, an error throwing 404



after running
$npm start
Still! code will not run and I get in the console, an error throwing 404


so in the file inside map add the following 3 lines to angular bundles



now the code worked but the error I got in console was:
"AppComponent.html:1 ERROR Error: Found the synthetic property @lightsOnOff. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application."

The final fix is in the app.module.ts file, ensure you place the the BrowserAnimationsModule inside the @NgMoudle decorator in the include section.

Voila! all is working with Angular 4! :)
sorry if it was a long post, but it was needed a I was so disappointed this case is not well documented by angular in there releases and fixes

[songlee]

best angular 2 animation tutorial, I haven't watched the other sections cause I don't need to.

[darrenking]

Great tutorial! Thanks for doing these.

[ukaszpatro]

Were there some changes in Angular? I had to add additional import in app.module.ts:

And imports in component looks slightly different in Angular Docs:
import {
trigger,
state,
style,
transition,
animate,
keyframes,
group

[lings]

Great tutorial, but your IDE's pop-up keeps covering the code you type :(

[kallurusivareddy]

do we need to import any animation modules for this
am getting errors with this code

[sivasumanth]

Bro kindly do react 16 tutorials videos.
And we need a video on routing between two modules

[FedJimSmith]

with all these angular goodness.. who needs jQuery??

[curtturdle]

yo you gotta turn off those popups. no one can see what youre typing

[devbranex]

so much coding for a simple animation :/