ui-router视图和ng-animate仅适用于属性，但不适用于类

Question

我有这个HTML：

<div class="slide1" ui-view="slide1"></div>
<div class="slide2" ui-view="slide2"></div>

这个CSS：

[ui-view].ng-enter {
    /* ... */
}

[ui-view].ng-enter.ng-enter-active {
    /* ... */
}

这样可行，但如果我将[ui-view]更改为.slide1或.slide2，则无效。 E.g：

.slide1.ng-enter {
    /* ... */
}

.slide1.ng-enter.ng-enter-active {
    /* ... */
}

发生了什么事？

Answer 1

出于某种原因，使用<ui-view>元素时，动画将无效。但是，如果使用ui-view属性而不是<ui-view>元素标记路由器容器元素，则动画将起作用。

作为HTML元素的一个属性：

<div ui-view class="slide1"></div>

由于独立元素不起作用：

<ui-view class="slide1"></ui-view>