javascript - Angular 1.2 动画类从未应用于视图

Question

我在将动画应用到我的 ng-view 时遇到了困难。ng-enter 和 ng-leave 类似乎从未应用于视图。该行为似乎与没有动画相同。有什么方法可以验证动画功能是否确实有效，所以我可以判断这是我的代码问题还是我加载角度的方式有问题？

html:

<div ng-view class="fade"></div>

CSS：

.fade {
  opacity: 1;
}
.fade.ng-enter,
.fade.ng-leave {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.fade.ng-enter {
    opacity: 0;
}
.fade.ng-enter-active {
    opacity: 1;
}
.fade.ng-leave {
    opacity: 1;
}
.fade.ng-leave-active {
    opacity: 0;
}