Простой angualrjs одушевленный высот
Я неделями искал, как это сделать, и я понимаю, как вы можете анимировать элементы, когда они "входят" и "покидают" DOM, используя угловые анимации и сгенерированные классы CSS (т.е. в ngRepeat). Чего я не понимаю, так это как делать простые анимации на основе событий и как "ловить" их события?
Так, например, как бы я сделал следующее, используя только angular и css?
У меня есть два div на странице (A и B). Оба имеют высоту 50px и ширину 50px, плавающие слева, поэтому они рядом друг с другом. У меня есть одна директива ng-click, связанная с A. При нажатии кнопки A ее высота должна перейти на 80% высоты окна (желательно, чтобы ее можно было установить в качестве атрибута элемента HTML).
В то же время B должен отразить переход и в конечном итоге достичь той же высоты. Также.. после завершения перехода должно быть <h4>Transition Done</h4> вводится в Б.
Это было бы действительно легко сделать, используя что-то вроде jQuery, но я пытаюсь изучить "угловой" способ ведения дел. Может ли кто-нибудь помочь мне здесь?