Javascript 简单的角度动画的高度

我已经搜索了几个星期，了解了如何使用angular animate和生成的css类（例如，在ngRepeat中）在元素“进入”和“离开”DOM时设置动画。我不明白的是如何制作简单的基于事件的动画以及如何“捕捉”他们的事件

例如，我将如何使用angular和css来完成以下工作

我在页面上有两个div（A和B）。两者都是50像素高，50像素宽，向左浮动，所以它们彼此相邻。我将oneng click指令绑定到A。单击A时，其高度应转换为窗口高度的80%（最好将其设置为HTML元素的属性）

同时B应反映出这种转变，并最终达到相同的高度。而且转换完成后，应将

转换完成

注入B

---

使用jQuery之类的工具很容易做到这一点，但我正在尝试学习“角度”的处理方式。有人能帮我一下吗？

我没有时间写完整的答案，但这应该会让你走上正轨。当各种事件以角度发生时，它基本上会添加和删除类，并为实际动画委托CSS。对我明白了。但我没有看到的是，当动画的“触发器”发生在A上时，如何“同步”B的动画？我看不出有任何方法可以像在jQuery中那样“一步一步”地在动画中使两个高度相同。请简单介绍一下在jQuery中要做的事情，确切地说，当我有时间时，我会尝试用角度翻译它。@mpm，下面是一个jQuery示例，说明我希望做的事情w/“pure”AngularJS：