問題タブ [angularjs-animation]

angularJSのキャンセル機能を使用しようとしています$animate: https://docs.angularjs.org/api/ngAnimate/service/$animate最新の安定バージョン: 1.3.2

しかし、私はそれが何をすべきかを理解できなかったか、期待された動作をしていません:

私はそのようなカスタムアニメーションを持っています:

基本的な CSS 変換です。これに加えて、次の CSS トランジションがあります。

最初の奇妙な動作: https://github.com/angular/bower-angular-animate/blob/master/angular-animate.js#L1233promise.$$cancelFn is not a functionからエラーが発生します

フィドルを参照してください：http://jsfiddle.net/q1L9ycsd/6/

だから私はコードを少し変更しました:

そのため、そのエラーは発生しませんが、アニメーションは停止されませんが、アニメーションからのコールバックが実行されます。これは、そこでアニメーションを手動で停止する必要があるということですか?

フィドルを参照してください：http://jsfiddle.net/524nfp0o/2/

また、同じ結果で別のイベントでアニメーションをキャンセルしようとしました。フィドルを参照してください: http://jsfiddle.net/0o24zw02/

では、1. 最初のフィドルでエラーが発生したのはなぜですか? 2. アニメーションを実際に停止するには?

ありがとう！

AnguarJs でこのコードを書くにはどうすればよいですか?

特に、easeOutCircこの例で使用されているアニメーション部分 ( ):

$(document).ready(function () { function addCircle() { var $circle = $('<div class="circle"></div>'); $circle.animate({ 'width': '300px', 'height': '300px', 'margin-top': '-150px', 'margin-left': '-150px', 'opacity': '0' }, 4000, 'easeOutCirc'); $('body').append($circle); setTimeout(function __remove() { $circle.remove(); }, 4000); } addCircle(); setInterval(addCircle, 1200); });

http://jsfiddle.net/Y3r36/311/

サーバーからアイテムのリストを取得するディレクティブがあります。

(関数 () { 'use strict';

「actionItemChecked」メソッドは、各行のボタン クリック (ng-click) を介して html に接続されます。これを配列（および画面）から削除しながら、アニメーションを提供できるようにしたいと考えています。私が理解しているように、DOM操作にはリンクを使用する必要がありますが、いつそれを使用する必要があるかを判断する方法がわかりません。

コントローラーではなくリンクに「actionItemChecked」メソッドを含める必要がありますか? もしそうなら、どのように各行に接続されますか?

私は見てきた

angularjs内のリストのアイテムの追加と削除の両方でjqueryアニメーションをトリガーするディレクティブを使用する方法は?

と

要素が削除されたときの angularJS 通知

しかし、それを行う方法がわかりません。

angular uiルーター遷移でアニメーションを行う標準的な方法はありますか? UI ビューが変更されたときのスライド アニメーションを探しています。

jquery と比較して、angular でアニメーションを作成するのは非常に難しいと思います。angular アニメーションのフェードインとフェードアウトには非常に多くのバージョンがあり、ブログ/チュートリアルなどから見つけました。そのうちのいくつかは古いバージョンの angular にあります。Angular の新しいバージョンが古いバージョンを置き換えるために出てくると、Angular は非常に一貫性がないように見えます。私はそれを行う標準的な方法を見ることができません。したがって、どこから始めればよいかわかりません。

ボタンがクリックされたときにフォームまたはhtmlドキュメントをフェードインするだけです。

html、

角度のある、

何か案は？

私はアイテムのリストを持っていng-repeatます。一度に 1 つのアイテムのみが表示され、残りは を使用して非表示になりng-showます。

を使用して要素を循環します$interval

フェードインとフェードアウト効果で要素間の遷移をアニメーション化したいと思います。使ってみた

しかし、これはうまくいかないようです。

Angular 1.3 でこのアニメーション効果を実現するにはどうすればよいですか?

JSFiddle