ng-view故意淡入，但随后淡出

Question

我有这个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

Answer 1

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

Answer 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。