Ng-Animate 不适用于 Chrome

Question

我在 Chrome 和 Firefox 之间有一些兼容性问题。我使用 ng-view 创建动画（使用 ng-ng-enter 和 leave）。这是一个 plunker 的例子：

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;
 }

当我执行 plunker Firefox 时，没问题，我有一个动画。但是我在Chrome中执行的时候没有起作用，但是我是prefix -webkit-

有什么问题？

Answer 1

<ng-view> 是 HTMLUnknownElement.

在 chrome 中，动画似乎不适用于 HTMLUnknownElements。

将 <ng-view> 更改为 <div ng-view> 对我有用。

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

Ng-Animate 不适用于 Chrome

Ng-Animate doesn't work with Chrome

css

angularjs

animate.css

ng-animate