これを行う方法について何週間も検索しましたが、Angular animate と生成された css クラス (つまり ngRepeat) を使用して、要素が DOM に「入る」および「出る」ときに要素をアニメーション化する方法を取得しました。私が理解できていないのは、単純なイベントベースのアニメーションを行う方法と、そのイベントを「キャッチ」する方法です。
たとえば、angular と css だけを使用して次のことを行うにはどうすればよいでしょうか。
ページに 2 つの div (A と B) があります。どちらも高さ 50 ピクセル、幅 50 ピクセルで、左にフロートされているため、隣り合っています。A に関連付けられた ng-click ディレクティブが1 つあります。A をクリックすると、その高さがウィンドウの高さの 80% に移行する必要があります (できれば、これは HTML 要素の属性として設定できるはずです)。
同時に、 B は遷移を反映し、最終的に同じ高さに到達する必要があります。<h4>Transition Done</h4>また、遷移が完了すると、 B に が注入されるはずです。
これはjQuery のようなものを使用して行うのは非常に簡単ですが、私は物事を行う「角度のある」方法を学ぼうとしています。誰か私に手を貸してくれませんか？