AngularJS アプリケーションでjquery プラグイン「ラウンドアバウト」( http://fredhq.com/projects/roundabout/ )を使用しようとすると、アニメーションに問題が発生します。私はそれのためのディレクティブを書きました:
carousel: [function() { return {
link: function($scope, $elem, $attrs) {
$($elem).roundabout()
}
}}],
html は次のようになります。
<ul carousel="{}">
<li>Test</li>
<li>Another Test</li>
<li>Three Test</li>
<li>Four Test</li>
<li>Five Test</li>
</ul>
アプリケーションを実行すると、カルーセルがアクティブになっていることがわかりますが、これは問題ではないので、ディレクティブが機能しているように見えます。問題はアニメーションです。それらのいずれかをクリックすると、滑らかな回転アニメーションが提供されるはずですが、代わりに、約 1 秒間 (数ピクセルのみ) ゆっくりと右に移動し (右または左に回転する必要はありません)、新しい位置にジャンプします。それをAngularで動作させる方法はありますか、それとも私が見逃していることは明らかですか? 私は ng-animate を調べましたが、プラグインがアニメーションを処理していることを考えると、この場合は使用できないと思います。