3

JS を使用してデモの例を実装しようとしましたが、ng-switch で問題が発生しました...新しい要素が dom に追加されていることがわかりますが、ng-switch は不要な DIV を削除していません。助けてくれませんか...

これがフィドルです...

var ngModule = angular.module('myApp', []);
ngModule.animation('js-wave-enter', function () {
return {
    setup: function (element) {
        //prepare the element for animation
        element.css({ 'position': 'absolute', 'left': '100%' });
    },
    start: function (element, done, memo) {
        //start the animation
        element.animate({ 'left': 0  }, function () {
            //call when the animation is complete
            done();
        });
    }
}
});

ngModule.animation('js-wave-leave', function () {
return {
    setup: function (element) {
        //prepare the element for animation
        element.css({'position': 'absolute',  'left': 0     });           
    },
    start: function (element, done, memo) {
        //start the animation
        element.animate({ 'left': '-100%'      }, function () {
            //call when the animation is complete
            done();
        });
    }
}
});
4

1 に答える 1

2

jQLite には animate() メソッドが含まれていません。Angular を含める前に jQuery を適切に含める必要があり、コードは正常に動作します。したがって、AngularJS を含む script タグの前に次を追加するだけです。

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

更新されたjsFiddle

于 2013-04-10T15:39:22.377 に答える