私は現在Angular 1.2 rc3を使用しています.ng-repeatアイテムにトランジションを使用しました. ただし、ng-repeat のモデルを変更するたびに、移行がうまくいかないことがわかりました。項目のリスト全体がポップアップ表示されてから消えます。私が望んでいたのは、リスト全体を単純にフェードアウトし、新しいアイテムリストをフェードインすることです。どうすればその効果を達成できますか？
これを再現するプランカーは次のとおりです。http://plnkr.co/edit/lnsxCySFGmUmAnYDqVm3?p=preview 数行追加してからモデルを変更すると、奇妙な動作が見られます。
ありがとう。
問題は、リストのコンテンツを切り替えると、新しい要素がすぐに上部に挿入され、まだ表示されていないにもかかわらずスペースを占有することです。高さをアニメーション化するだけでなく、プランカーのこの変更を例として参照することで改善される場合があります。
別の解決策は、リストの内容を完全に切り替えるときに、入力アニメーションを遅らせることです。最初に現在の要素が消え、次に新しい要素が表示されます。ただし、CSS でこの区別を行うには、おそらくリスト全体に追加のクラスを追加する必要があります。また、ng-repeat はスイッチ操作と単一要素の追加または削除を区別しないため、スイッチ アニメーションの前後にクラスの追加と削除を手動で処理する必要があります。