Trigger ngFx animation from the javascript code

Question

I'm trying to use ngFx library to play animation when a property changes on the scope. I've created a boilerplate code for directive:

angular.module('myApp')
.directive('zoomInOnChange', function () {
    return {
        restrict: 'A',
        scope: {
            param: "="
        },
        link: function (scope, element, attrs) {
            scope.$watch('param', function () {
                // ?
            });
        }
    }
});

and want to use it like this:

<h1 zoom-in-on-change param="{{someProp}}">{{someProp}}</h1>

Is there a way to trigger ngFx animations from inside the javascript code?

koss · Accepted Answer · 2015-04-08 09:02:21Z

1

As it turned out, it's way simplier to implement animation working directly with TweenMax, which ngFx uses under the hood. That line of code solved my problem:

TweenLite.from(element, 0.5, {scale: 0, ease:Expo.easeIn});

answered Apr 8, 2015 at 9:02

koss

8741 gold badge11 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Trigger ngFx animation from the javascript code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related