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，它将不起作用。例如：

.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>