問題タブ [angularjs-animation]

入力に基づいて div を非表示にしようとしています。ID付きのリストなので、現在私のdivは次のようになっています:

これは次を出力'hide'-1しng-hideます。「」を削除しようとしましたが、機能しません。

計画では、各アイテムにボタンが付けられ、ボタンをクリックすると適用さ$scope.hide-1 = true;れ、そのアイテムのフェードアウトがアニメーション化されます。

ボタンのクリックに基づいて、リスト内の項目 (div 内の div) を隠した人はいますか? どうすればいいですか？

<div>ユーザーがcheckbox. チェックボックスがチェックされている場合、最初の<div>ものは開いています。checkboxがチェックされていない場合、秒が<div>表示されます。

問題は、これがアニメーションで発生する必要があることです。具体的には、クロージング アニメーションが最初に発生する必要があり、それが完了したときにのみ、オープニング アニメーションが開始されます。

ここにアニメーションのないアイデアがあります: http://jsfiddle.net/HB7LU/11597/

コントローラーからデータを取得して、この種のスライダーを機能させることはできません。

この例は正常に動作します:

しかし、同じコードになるはずの a の img タグを変更するng-repeatと、機能しません。

どうすればそれを達成できますか？

angularjs ui グリッド プラグインで angular-animate.js を使用しています。しかし、ie9 では、関数 fireDoneCallbackAsync() で「関数が必要です」というエラーが発生します。添付のスクリーンショットをご覧ください。このエラーをどのように処理できますか。また、このエラーがスローされているコードの部分も明確ではありません。

私はコントローラーを持っています（下）。$animate の .then() メソッド内から newsCtrl の一部を更新したいと考えています。しかし、その変数にアクセスできません。

コードからわかるように、私の問題は currentPage が「未定義」の場合です

それで、どうすれば .then() メソッド内から currentPage を更新できますか?

AngularJS ドキュメントでは、$scope.$apply ( https://docs.angularjs.org/error/ $rootScope/inprog?p0=$apply)を使用する必要があるとアドバイスされています。

しかし、コントローラーで $scope を使用していません。「this」を使用しています。

ライブ検索が必要です。結果はWeb APIからクエリされ、ユーザーの入力に応じて更新されます。

問題は、結果のリストが同じままであっても、リストがちらつき、「結果がありません」というテキストが一瞬表示されることです。これを回避するには、特別なコードを使用して項目を削除および追加し、配列間の差異を計算する必要があると思います。

少なくともこのちらつきを回避し、おそらく変更をアニメーション化する可能性があるより簡単な方法はありますか?

現在は次のようになっています。

html部分は次のとおりです。

そしてコントローラー：

I would like to trigger an angular animation from a controller method.

I have come up with something that I am not satisfied with (see code below).

The issue is that for my animation to work, I need to track the state of a $scope variable i.e. $scope.shake:

Can someone please advise a cleaner solution?

edit 1:

Here is the css code as requested:

アプリにナビゲーション バーとサブナビゲーション バーがあります。サブバーではボタンを押すことができます。このボタンで新しいサブバーを開き、元のバーを非表示にします。

新しいサブ バーは、メイン バーの後ろからスライドし、2 番目のバーを非表示にする必要があります。

問題は次のとおりです。

1. 3 番目のバーが表示されると、スムーズに表示されるのではなく跳ね返ります
2. 3 番目のバーが消えると、それが消えるだけで、期待どおりにスライドしません。

top問題が解決するかもしれないと考えてプロパティをいじってみましたが、解決していません。

ここにスニペットを添付します。または、 jsfiddleで表示できます

ルートが変更されたときにラッパーに特定のクラスを追加して、トリガーされる CSS アニメーションを制御できるようにしたいと考えています。

私はそのようにしようとしています: http://plnkr.co/edit/KRwBFb6bCTkit9eKg8yb?p=preview

しかし、クラスは追加されません。この関数を間違った方法で使用していますか?