ng-view 故意淡入，然后淡出答案

【问题标题】：ng-view fades in on purpose, but then fades outng-view 故意淡入，然后淡出
【发布时间】：2014-09-26 02:12:42
【问题描述】：

我有这个 ngView 指令：<div ng-view="" class="fade"></div> 我应用了以下样式：

.fade.ng-enter { 
  -webkit-transition:0.3s linear all;
  transition:0.3s linear all;
  opacity:0.5;
}

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

但问题是视图淡入，然后通过将其不透明度设置为 0 自动淡出。我错过了什么重要的东西吗？我制作了这个截屏视频来说明这个问题：https://www.youtube.com/watch?v=_5IUO-ntlOA

【问题讨论】：

你能提供一个小提琴吗？此处所有接缝均正确。
Bootstrap 显然有一个名为 .fade 的类，它的不透明度为 0。sigh

标签： javascript angularjs css ng-animate

【解决方案1】：

Bootstrap 显然有一个名为 .fade 的类，它的不透明度为 0。这就是原因。

【讨论】：

【解决方案2】：

这里是修复。

.fade.ng-enter { 
  -webkit-transition:0.3s linear all;
  transition:0.3s linear all;
  opacity:0.5;
}

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

ng-enter 消失，只剩下 ng-enter-active。

【讨论】：