問題タブ [ng-animate]
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.
css - Angularjs アニメーションを使用してホバー時に要素を変更する
これは私がやろうとしていることのほんの一例です。Angularjs を使用して、ホバー時に要素の不透明度をアニメーション化したいのですが、何もできません。ドキュメントを読んでいますが、何が問題なのかわかりません。どんな助けでも大歓迎です。以下の例を参照してください。
http://jsbin.com/AdIXIKU/1/edit
前もって感謝します
javascript - Angular 1.2.5 のネストされたアニメーション
ng-view を使用して、ページ遷移のための単純なフェードイン/フェードアウトが必要です。ただし、さまざまな「ビュー」には、親要素でフェードイン/フェードアウトが発生しているときに同時にアニメーション化したい子要素があります。問題は、親がアニメーション化されている場合、その角度キャンセルがネストされたアニメーションをキャンセルすることです。どうしてこれなの？私が望むものを達成する別の方法はありますか?
javascript - ウィンドウのサイズ変更で機能しないメディアクエリに基づくAngular jsアニメーション
次のプランカーの例をご覧ください: http://plnkr.co/edit/e7Pr3O8mAaONiDiXFQay?p=preview
これは、ng docs から取得した単純な Angular.js アニメーションのセットアップです。
メディア クエリ (css ファイル) を持つように調整したため、アニメーションは画面幅が 640px 未満の場合にのみ機能します。画面が 640px より大きい場合、div はアニメーションなしでのみ表示/非表示になります。
ページのリロード時にうまく機能します。しかし、「応答性をテストする」ためにページのサイズを変更すると、アニメーションはもう発生しません。
なぜこれが起こっているのか、何らかの形で修正可能ですか?
あなたの助けは大歓迎です! ありがとう
angularjs - 子要素をターゲットにするとngClassアニメーションが失敗する
ここのアニメーションが機能しない理由がわかりません: http://plnkr.co/edit/ulq1MQNDtY9cO2pcjdzF?p=preview
起こるべきことは次のとおりです。
0クラスの追加時: からに成長し200px、背景色を から に遷移さredせますblue200pxクラスの削除時: からに縮小し0、背景色を から に遷移さgreenせますyellow
理由はありますか？
ありがとうございました。
angularjs - 親でngClassが変更されたときに子要素をアニメーション化する方法
子要素の遷移を定義し、親要素の ngClass が変更されたときに ngAnimate にそれらを考慮させることは可能ですか?
これまでのところ、私はこれを行うことができませんでした。
http://plnkr.co/edit/ulq1MQNDtY9cO2pcjdzF?p=preview
ありがとう。
angularjs - 入力時に focus() を呼び出すように、ディレクティブ内でアニメーションの再生がいつ終了したかを知る方法
要素でアニメーションがいつ実行されるかを知る「Angular の方法」はありますか? アニメーション化された後に入力
を呼び出したい。focus()
現在、私はテーブルのオプションを持っています:
setTimeout(fn,0);ハッキーですtransitionendブラウザが遷移をサポートしていない場合にトリガーされないイベントをリッスンします
$animateただし、ディレクティブに注入すると、この情報が得られることを願っています。
どのようにしますか？