简单的棱镜高度的动画

时间:2014-03-10 23:33:49

标签: javascript angularjs angularjs-directive css-transitions angularjs-animation

我已经搜索了几周如何做到这一点,我得到了如何动画元素,因为他们使用角度动画和生成的css类(即在ngRepeat中)“进入”和“离开”DOM。我不明白的是如何做简单的基于事件的动画以及如何“捕捉”他们的事件?

例如,我如何使用angular和css进行以下操作?

我在页面上有两个div(A和B)。两者都是50px高和50px宽,向左漂浮,因此它们彼此相邻。我将一个 ng-click指令绑定到A.单击A时,它的高度应该转换为窗口高度的80%(最好能够将其设置为HTML元素的属性) )。

同时 B应该反映过渡并最终达到同样的高度。另外......完成转换后,应该在B中注入<h4>Transition Done</h4>

使用像jQuery这样的东西真的很容易做到,但我正在尝试学习“有角度”的做事方式。有人可以帮我一把吗?

0 个答案:

没有答案