从 javascript 代码触发 ngFx 动画

Question

我正在尝试使用 ngFx library 在范围属性发生变化时播放动画。我为指令创建了样板代码：

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

并想像这样使用它：

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

有没有办法从 javascript 代码内部触发 ngFx 动画？

Answer 1

事实证明，直接使用 TweenMax 实现动画要简单得多，ngFx 在后台使用它。那行代码解决了我的问题：

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

从 javascript 代码触发 ngFx 动画

Trigger ngFx animation from the javascript code

javascript

animation

angularjs

angular-directive