問題タブ [angularjs-animation]

AngJS 1.2.15 を使用してアニメーションを作成しようとしています

post 要素を作成し、showAnswer ブール値を要素に渡すことを目的とするディレクティブを定義しました。

また、回答クラスが投稿要素に追加/削除された場合にアニメーション化するアニメーション モジュールを作成しました。

showAnswer が mouseenter/mouseleave に依存する true/false である場合、HTML はクラスとして answer を割り当て/削除することによって 2 つをバインドします。

HTML

モジュール

今、何が起こるかを示すために console.logs を入れましたが、これらのログは決して呼び出されません。：（ 立ち往生！

ユーザーが画面上の他の場所でボタンをクリックすると表示される要素があります。エレメントが画面上部から出てきたように見えます。デフォルトでは、要素は画面の上に隠れている必要があるため、要素の高さに基づく (負の値になる) margin-top スタイルを使用します。要素の高さが異なる場合があるため、これを css にハードコーディングすることはできません。ボタンをクリックすると、要素 margin-top が 0 に変わり、トランジション アニメーションが必要になります。

angularJS のドキュメントに示されているサンプルは、クラスを削除するためのものです。設定する値を知っていて、それらを CSS でコーディングできれば、これは問題なく機能しますが、できません。これを解決する正しい方法は何ですか？

以下のコードは、マージンを使用して要素を表示および非表示にするために機能しますが、アニメーションはありません。マージンが変更されたときに、ここでアニメーションをトリガーするにはどうすればよいですか?

https://docs.angularjs.org/guide/animations

提案された解決策ごとに次のコードを追加しましたが、このコードはヒットしません。

AngularJS でページ遷移アニメーションが行われた後に関数を実行しようとしています。

基本的に、私が達成しようとしているのは、トランジションに入った後やトランジションを離れる前など、特定の時間にビューごとに特定のコードを実行することです。

ngRoute と ngView を使用してビューを切り替え、Greensock アニメーションを javavscript に追加しました。

これに関するアドバイスはありますか？

私のコードの下：

HTML:

このキーフレーム アニメーションにテキストを追加するさまざまな方法を試しましたが、問題は、テキストを含む div を含めると、アニメーションの 1 つが台無しになることです。理想的には、テキストを中央と上部、または中央と左上に配置したいのですが、そこに到達すると、アニメーションの最後のスパンが外れてしまいます。アニメーションに干渉しないようにクラスのwaitingtextを編集するにはどうすればよいですか?

CSSを取得したサイト

HTML

CSS

angular.js（1.2.9）でWebアプリケーションを実行しています

私はいくつかのアニメーションのものでそれを拡張したい.

このために、ii は ng-animate js ファイルを参照しました。

モジュールの作成を ng-animate で拡張しました

しかし、それ以降、他に何も変更せずに「キャッチされていないオブジェクト」エラーが発生しました。

私にとって、これは ng-animate モジュールを解決できなかったようです。

私は何を間違っていますか？

初めて角度アニメーションを使用しようとしましたが、何が間違っているのかわかりません。

Angular 自体と Animation モジュールの両方に AngularJS v1.3.0-build.2805 を使用しています。

-1. モジュールが含まれています

-2. css でスタイルを定義する

-3. ng-repeat にクラスを含める

ここで何が欠けていますか??