ng-animate不会触发自定义JavaScript动画

时间:2013-07-15 05:23:33

标签: javascript angularjs requirejs ng-animate

问题在于使用自定义JavaScript动画的requireJS和ngAnimate。 主要是不调用setup和start方法。我可以确认文件是通过requireJS加载的,但不会触发动画。我开始认为我的代码是不正确的,尽管我遵循了所有的指示。 有人可以使用RequireJS发布实现吗?或者指出我的错误?

define(['angular'],
function (angular) {
    var animations = angular.module('animations', []);
    animations.animation('js-animation', function () {
        return {
            setup: function (myElement){
                console.log('we are in here');
                myElement.hide();
                $('.unpublish, .good, .delete').fadeOut('slow');
            },
            start: function (myElement, done) {
              console.log('we are in the start');
            },
            cancel : function(element, done) {

                done();
            }
        }
    });
    return animations;
});

我认为执行动画的方式如下

    <ul>
    <li ng-animate="{enter: 'js-animation'}" ng-repeat="gallery in galleries">
        {{ gallery.name }}
    </li>
</ul>

我是否正确地宣布动画或者此代码是否有问题?

0 个答案:

没有答案