問題タブ [angularjs-animation]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - angular ng-animate により、モデルで奇妙なアニメーションが変更されました
私は現在Angular 1.2 rc3を使用しています.ng-repeatアイテムにトランジションを使用しました. ただし、ng-repeat のモデルを変更するたびに、移行がうまくいかないことがわかりました。項目のリスト全体がポップアップ表示されてから消えます。私が望んでいたのは、リスト全体を単純にフェードアウトし、新しいアイテムリストをフェードインすることです。どうすればその効果を達成できますか？
これを再現するプランカーは次のとおりです。http://plnkr.co/edit/lnsxCySFGmUmAnYDqVm3?p=preview 数行追加してからモデルを変更すると、奇妙な動作が見られます。
ありがとう。
javascript - スコープからアイテムを削除するときに AngularJS の ngAnimate を使用する
非常に簡単な質問:で、スコープからアイテムを削除するときに発砲することAngularJS 1.2.xは可能ですか (また、どのように)ですか?ngAnimate
プランカーの例を次に示します。
http://plnkr.co/edit/tpl:FrTqqTNoY8BEfHs9bB0f?p=preview
コード：
脚本：
ご覧のとおり、「DELETE」ボタンをクリックすると で実行splice()され$scope.imgsます。単に消えるのではなく、これをアニメーション化したいと思います。私はこの Year Of Moo の記事からコピー アンド ペーストしたトランジションを使用しています。
angularjs - Angular でスライド効果を作成するには?
私は次のhtmlを持っています:
そしてCSS：
そして、ここにフィドルがあります
私が達成しようとしているのは、「一部のキャプション」をクリックすると、この div が左に「スライドアウト」し、他の div (アイテムを含む) が右から「スライドイン」することです。
Angular + CSS3 を使用してこれを実現したいのですが、わかりません。誰かが私を助けて、それがどのように機能するかを説明できますか?
angularjs - AngularJS 1.2 ng-show 高さアニメーション
Angular JS 1.2 を使用して高さアニメーションを動作させようとしています。ここには、アイテムを閉じるためのアニメーションが機能するプランカーがあります。
http://plnkr.co/edit/YVtnXgjO3Evb6tz5DJOp?p=preview
重要なビットは、この CSS です。
しかし、アイテムを開くためにそれを機能させる方法がわかりません。私は明らかに頭がおかしいことをしています-何が欠けていますか?