問題タブ [ng-animate]

カードを表示時にスライドインし、非表示時にスライドするngAnimateがあります。スライド インは機能しますが、スライド アウトはアニメーション効果がありません。

html ...

そしてcssは

6月3日付けの1.1.5を実行しています

ngAnimate を使用してアニメーション メニューを実行しようとしています。

home.html

スタイル.css

ngShow と Hide はうまく機能します。しかし、アニメーションはトリガーされません。

Angular 1.1.5 に更新しました。angularドキュメントから、 CSSの構文が変更されていることがわかりました

新しい構文も試してみましたが、同じ結果が得られました。

どんな助けでも大歓迎です。

いくつかの ngRepeat ディレクティブの使用について、何らかの方法でアニメーションを完全に無効にすることは可能ですか?

まだアニメーションを定義していませんが、ngAnimate モジュールが読み込まれると、ngRepeat からの DOM 要素の削除が自動的に遅延します。

アニメーションを使用してビュー間を遷移するために ng-view を使用しています (Angular 1.2RC1)。アニメーションの方向を決定するために、場所の変更を呼び出す前に、ng-view div に slide-left または slide-right のいずれかのクラスを挿入しています。残すアニメーション (最初に実行) は機能しますが、クラスが ng-view div から削除されます。

次のように、サービスを使用して、左にスライドするか右にスライドするかを決定します。

ng-view div のクラスを更新します。

slideView (ng-view) クラスは既にキャッシュされており、完了時に更新されているように見えるので、キャッシュを更新するか、アプローチを変更する方法を知りたいですか?

助けてくれてありがとう。

http://jsfiddle.net/RoryOSiochain/BfJWf/

フィドルでslideViewにslide-leftまたはslide-rightクラスを手動で挿入するとうまくいきます。

更新:上記の Jquery の使用が問題を混乱させないことを願っています。ng-class と jQuery の両方を使用すると、同じ結果/エクスペリエンスが返されます。

Web ページに、最新のアイテムを表示する要素があります。数秒ごとに新しい要素をアイテム配列の先頭に追加し、古いアイテムをフェードアウトさせ、新しいアイテムをフェードインさせたい.

問題は、私のコードが現在新しいアイテムにフェードインしておらず (古いアイテムがフェードアウトしている)、古いものをフェードアウトさせたい古いものを押し下げており、そのアニメーションが終了したら新しいものに同じ場所でフェードインします。

HTML

JS

CSS

ここでやりたいことの非常に単純化されたバージョンがあります: http://jsfiddle.net/ErhQB/

私の実際のアプリでは、「更新」ボタンはタイムアウトです (そして、$scope.refresh のコードは $apply にラップされています)。

私はこれを間違ってやっているとかなり確信していますが、アニメーションイベントをトリガーする方法がわかりません。または、表示したいアイテムで更新する $scope.item モデルを作成しますが、方法がわかりませんそれを ng-animate (またはその他の方法) で使用します。

ご協力いただきありがとうございます。