我已经搜索了数周来了解如何执行此操作,并且我了解了如何在元素“进入”和“离开”DOM 时使用角度动画和生成的 css 类(即在 ngRepeat 中)为它们设置动画。我不明白的是如何做简单的基于事件的动画以及如何“捕捉”他们的事件?
例如,我将如何仅使用 angular 和 css 执行以下操作?
我在页面上有两个 div(A 和 B)。两者都是 50px 高和 50px 宽,向左浮动,因此它们彼此相邻。我有一个绑定到 A 的 ng-click 指令。单击 A 时,它的高度应该转换为窗口高度的 80%(最好这应该能够设置为 HTML 元素的属性)。
同时B 应该反映过渡并最终达到相同的高度。另外.. 转换完成后,应该有一个<h4>Transition Done</h4>
注入到 B.
使用 jQuery 之类的东西很容易做到这一点,但我正在尝试学习“角度”的做事方式。有人可以帮我一下吗?