javascript - 从 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 在后台使用 TweenMax。这行代码解决了我的问题:

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