2

私はAngularJSアニメーションを持っています...

app.animation('slide-show', function () {
    return {
        setup: function (element) {
        },
        start: function (element, done) {
            element.slideDown(400, done);
        }
    };
} );

app.animation('slide-hide', function () {
    return {
        setup: function (element) {
        },
        start: function (element, done) {
            element.slideUp(400, done);
        }
    };
} );

jQuerystart()メソッドに呼び出し/渡すことができるように、追加の「完全な」コールバックをメソッドのパラメーターとして提供できるようにしたいと考えています。これは何らかの方法でアニメーション ディレクティブを通じて可能ですか?

4

3 に答える 3

2
app.animation('slide-show', function() {
    return {
        setup: function (element) {
            var complete = function() {
                /* Your implementation here */
            };

            return complete;
        },
        start: function (element, done, complete) {
            element.slideDown(400, done);

            /* Invoke the function and do something */
            complete();
        }
    };
});

詳細については、次の記事もチェックしてください。

http://gsklee.im/post/50254705713/nganimate-your-angularjs-apps-with-css3-and-jquery#javascript-defined-animations

于 2013-05-21T17:01:49.277 に答える
1

私はこの質問をしたばかりで、これが私が成功を収めた方法です。

アニメーションについても同じ設定を行いましたが、ng-animatedアニメーション化する HTML 要素にプロパティを追加し、次に以下を追加しました。

app.animation('slide-show', function () {
    return {
        setup: function (element) {
        },
        start: function (element, done) {
            element.slideDown(400, function(){ 
                 var el = angular.element(element[0]);
                 el.scope().$eval(el.attr('ng-animated'));
                 done();
            });
        }
    };
} );

app.animation('slide-hide', function () {
    return {
        setup: function (element) {
        },
        start: function (element, done) {
            element.slideUp(400, function(){ 
                 var el = angular.element(element[0]);
                 el.scope().$eval(el.attr('ng-animated'));
                 done();
            });
        }
    };
} );

これが他の誰かに役立つことを願っています!

于 2014-08-14T20:18:15.790 に答える