Как вызвать функцию для перехода анимации?

Я хотел бы вручную переходить в моем HTML в контроллере с кодом javascript, то есть библиотекой анимации типа TweenMax.

Итак, вместо CSS:

.ng-enter { /* transition css */ }

Я хотел бы нацелиться на функцию JavaScript:

function onEnter() { /* transition code */ }

Есть ли какое-нибудь событие / крючок API для запуска этого?

[Edit1] Относительно возможного дубликата вопроса, я изо всех сил пытаюсь применить его к моему варианту использования. Я также должен признать, что у меня есть тонна обходных путей для ng-enter, но это нг-отпуск, который я хотел бы использовать непосредственно вместо кода.

У меня есть догадка, что мне нужно сделать что-то вроде этого в конструкторе контроллера:

$scope.$on("SOME_NG_LEAVE_EVENT?", transitionOut); // transitonOut being a function

Но я борюсь с документацией, с поиском списка событий и с тем, как "ng-enter / ng-листьями" превращается в слушателя javascript-angualrjs.

[Edit2] После долгих поисков я наконец-то нашел это: https://docs.angularjs.org/api/ng/service/$ animate # покинуть

Но я не понимаю, как его использовать.

1 ответ

Решение

Нашел ответ: http://tech.willandskill.se/animate-ui-view-with-gsap/ https://docs.angularjs.org/api/ngAnimate

Это конкретно не отвечает на мою проблему, где я хочу, чтобы сам контроллер управлял анимацией, но я должен быть в состоянии добраться туда из этого API.

Другие вопросы по тегам