Angular ngAnimate列表项自动淡出

Question

我在一个简单的应用程序中使用ngAnimate有一个奇怪的问题，我正在使用MEAN Stack。

angular.js 和 angular-animate.js 均为1.4.7版本。

我的 ul 看起来像这样：

<ul>
   <li ng-repeat="item in items" class="fade">
      {{item.name}}
   </li>
</ul>

在控制器中，我通过对MongoDB的$ http.get（）调用获取items数组。

这是简单动画的CSS代码：

.fade {
  transition: 1s linear all;
  -webkit-transition: 1s linear all;
}

.fade.ng-enter {
  opacity: 0;
}

.fade.ng-enter.ng-enter-active {
  opacity: 1;
}

例如，如果我刷新页面，控制器从数据库中获取items数组，列表项淡入，但它们在淡入效果后立即淡出。

是什么导致这种不受欢迎的淡入淡出效果回到不透明度：0？这可能是我正在使用的函数获取数据与视图交互的方式吗？

Answer 1

事实证明这是一个名为'.fade'的默认Bootstrap.css类，它具有不透明度：0规则;

在我的style.css中覆盖该类解决了不希望的淡出。我希望它有所帮助。