从javascript代码触发ngFx动画

Trigger ngFx animation from the javascript code

本文关键字：ngFx 动画 javascript 代码      更新时间：2023-09-26

当作用域上的属性发生更改时，我正尝试使用ngFx库来播放动画。我为指令创建了一个样板代码：

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动画？

事实证明，直接使用ngFx在引擎盖下使用的TweenMax来实现动画更简单。那行代码解决了我的问题：

TweenLite.from(element, 0.5, {scale: 0, ease:Expo.easeIn});
相关文章：