Директива для AngularJS. ngClass с колбэками

AngularJS (модуль ngAnimate) умеет добавлять/убирать класс у элемента и после отработки всей анимации вызывать callback:

addClass(element, className, [doneCallback]);
removeClass(element, className, [doneCallback]);

1 2	addClass(element, className, [doneCallback]); removeClass(element, className, [doneCallback]);

http://docs.angularjs.org/api/ngAnimate/service/$animate
Ну а стандартная встроенная директива ngClass такого не умеет. Это и понятно, т.к. ngAnimate — отдельно подключаемый модуль.
Нам понадобилось сделать свою директиву-аналог ngClass, но чтобы могла выполнять коллбэки после анимации.
Директиву назвали buClassCallback, вот репозиторий на github:
https://github.com/bullgare/buClassCallback.
Вызывается она так:

<div class="my-div" bu-class-callback="{'show': {on: toggleThis, after: 'after()'}}">
    this is animated
</div>

this is animated

</div>

Вот демка:

Директива для AngularJS. ngClass с колбэками

Similar Posts

LEAVE A COMMENT Отменить ответ