Ng-Animate не работает с Chrome

У меня есть некоторые проблемы совместимости между Chrome и Firefox. Я использую ng-view для создания анимации (с помощью ng-ng-enter и leave). Вот пример с плунжером:

http://plnkr.co/edit/Vo2cJ72DO0a5aSCipkvg?p=preview

style.css

    .view.ng-leave, .view.ng-enter{
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.view.ng-leave {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}
.view.ng-enter {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
 }

Когда я запускаю плункер Firefox, проблем нет, у меня есть анимация. Но когда я выполняю в Chrome, у меня не получилось, но я префикс -webkit-

В чем проблема ?


person Castiel    schedule 11.03.2015    source источник


Ответы (1)


<ng-view> is a HTMLUnknownElement.

Похоже, анимация не работает с HTMLUnknownElements в Chrome.

Изменение <ng-view> на <div ng-view> сработало для меня.

Plnkr: http://plnkr.co/edit/DT5xcxgficbdu8CaFTlT?p=preview

person Vinay K    schedule 11.03.2015
comment
Это также не работает, даже если вы зарегистрируете имя элемента ^^ Какая-то ошибка хрома. - person AlexG; 23.05.2016