当属性在范围上更改时,我尝试使用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动画?

#1楼 票数:1 已采纳

事实证明,直接使用TweenMax实现动画是一种更简单的方法,ngFx在后台使用了TweenMax。 那行代码解决了我的问题:

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

  ask by koss translate from so

未解决问题?本站智能推荐:

2回复

定时器触发的angularJS性能问题

我正在构建一个非常巨大的角应用程序,我的问题是内存泄漏导致页面冻结。 单击一个按钮,我的应用程序打开一个弹出窗口,(在自定义指令的帮助下)动态附加此弹出窗口的内容,并使用本地文件中的$ http调用弹出窗口。它工作正常。 我已经使用了chrome开发人员工具来根据时间线给我的提出以下内容:
3回复

是否可以将布尔值传递给指令并在不使用$watch的情况下触发布尔值而触发某些操作?

我希望能够执行类似于以下简化示例的操作: 并像这样调用指令: 预览: http : //codepen.io/anon/pen/zrWRVr?editors = 1010 但是,这会生成一个$compile:nonassign错误,因此要修复,我可以这样做: 预览: http :
1回复

如何在ngClick上获取参数。然后,触发指令以动态方式注入模板

我需要根据单选按钮的值或参数动态注入新模板。 这是我的HTML 而且,这是JS 拜托,有人帮我。 问候。
2回复

角度自定义指令JQuery动画不会移动元素

我有一个自定义的角度指令,因此当您单击该元素时它将向下移动:angular.module('plunker',[]) 所有console.log都能检测到单击事件,但问题是div根本没有移动。 这里有什么问题? 柱塞在这里: http ://plnkr.co/edit/j1OMiZFr
1回复

通过指令调用时,ngTagInput会出现javascript控制台错误

我正在尝试在angularjs项目中实现[ngTagsInput][1] 。 以下是我的设置 在我看来(myview.html.haml) 与...相同 **以上代码我是从ngTagInput插件网站本身复制的。 我正在使用CDN加载与插件网站相同的版本。 但是当我输入标签时,
2回复

如何使用javascript编译Angularjs嵌套指令

我有一个具有嵌套层次结构的嵌套指令。 我可以在html文件中使用它,如下所示: 这在这里演示 。 现在,我想动态地执行此操作,并且英雄模型项在控制器中: 并创建了一个新的<hero-list>指令,该指令可编译控制器模型中的所有<hero> 。 我将像
1回复

AngularJS动画不触发

我正在制作一个基本的AngularJS应用程序。 现在,我想在视图之间进行动画处理。 但这不会起作用,动画不会触发。 我遵循了AngularJS网站上的教程 。 我可能丢失了一些东西,控制台中也没有错误。 router.js homeController.js(productco
1回复

如何触发动画过渡功能?

我想使用javascript代码在控制器中的html中手动转换,即像TweenMax这样的补间库。 因此,而不是CSS: 我想定位一个javascript函数: 是否存在某种事件/挂钩API来触发此事件? [Edit1]关于问题的可能重复,我很难将其应用于我的用例。 我还必须承