Javascript 角度缩放动画-更平滑的过渡

使用ng animate在用户单击选项卡时提供一些过渡

简单使用

.ng-enter{
    transition:0.50s;
    opacity: 0;
 }
.ng-enter-active{
    opacity: 1;
 } 

这是一种享受。然而，你第一次点击的时候有点粘

转换为的视图在转换为之前会显示一秒钟，因此您几乎可以看到它两次。这只发生在第一轮，在随后的访问中，转换工作完美

---

那么，有没有办法使动画在第一轮时更加平滑？选项卡使用带有ng include的div显示。

必须在选项卡元素上以动画为目标，如下所示：

.tab.ng-enter {
    transition:0.5s linear all;
    opacity:1;
}
.tab.ng-enter.ng-enter-active {
    opacity:0;
}

ngAnimate，如ngLeave、ngEnter等。。。类将添加到视图中出现/消失的每个元素中，因此在您的情况下，需要将动画限制为仅一个元素

---

您也可以看到AngularJS版本？你能在Plunker中复制它吗？那对我来说似乎是禁用了动画。