1

Я хочу сделать анимацию для моего ng-show. В принципе, я хочу достичь этой простой анимации, как показано здесь в plunkr.Выполнение анимации с ng-show без ngAnimate

Я знаю, что у ngShow есть крючок для ng-анимации с углового 1.3. Однако ситуация немного сложная. У меня есть карусель, который я расширяю, используя угловую загрузку карусели UI. У бутстрапа есть ошибка с Chrome, поэтому ngAnimate необходимо отключить для всех элементов под тегом carousel. Мне нужна анимация для элемента под моей карусели, но если я включу ngAnimate, моя карусель не будет работать в Chrome - как описано в их трекере для журнала github here

В качестве обходного пути я собираюсь сделать анимацию с использованием традиционных CSS bootstrap для моего ng-show внутри моей карусели. Я провел некоторое исследование, но до сих пор мне не повезло. Это возможно? И кто-нибудь пробовал это раньше? Спасибо!

+0

Вы пытались сделать анимацию вручную, используя сервис '$ animate'? – getOffMyLawn

+0

@getOffMyLawn извините, им довольно новый для angularJs, но из того, что я понимаю, $ animate service является частью ngAnimate? и вся анимация отключена для компонентов под карусели :( – blenzcoffee

+0

Извините, я смутил вещи, да $ animate является частью ngAnimate, и все анимации выполняются с использованием этой службы. – getOffMyLawn

ответ

3

Вы можете использовать директиву ng-class вместо ng-show и ng-hide, которые условно добавить класс к элементу, который должен шторкой, ссылаясь на нужный переход, давая в основном тот же эффект и опуская полностью на ngAnimate модуль. Вот plunker, показывающий реализацию.

Смежные вопросы