Fatal编程技术网
  • html/
  • Html ng if=false时淡出动画

Html ng if=false时淡出动画

html css angularjs

Html ng if=false时淡出动画,html,css,angularjs,Html,Css,Angularjs,当ng if=“false”而不是立即隐藏HTML元素时，是否有任何方法可以使用淡出设置动画 我可以在ng if=“true”时淡入，但在ng if=“false”时不能淡入。当ng if=“true”我正在使用库以淡入方式设置动画。对此，您应该使用ng animate。这是一个本机angular库，它添加了转换类和删除元素时的延迟 angular.module（'app'，['ngAnimate']）。 控制器（'ctrl'，函数（）{}） .fade-element-in.ng-enter

当
ng if=“false”
而不是立即隐藏HTML元素时，是否有任何方法可以使用淡出设置动画

我可以在
ng if=“true”
时淡入，但在
ng if=“false”
时不能淡入。当
ng if=“true”
我正在使用库以淡入方式设置动画。

对此，您应该使用
ng animate
。这是一个本机angular库，它添加了转换类和删除元素时的延迟

angular.module（'app'，['ngAnimate']）。
控制器（'ctrl'，函数（）{}）

.fade-element-in.ng-enter{
过渡：0.8s线性所有；
不透明度：0；
}
.fade元素在初始化中。fade-element-in.ng-enter{
不透明度：1；
}
.fade-element-in.ng-enter.ng-enter-active{
不透明度：1；
}
.淡入淡出{
过渡：0.3s线性所有；
不透明度：1；
}
.fade-element-in.ng-LEFT.ng-LEFT-active{
不透明度：0；
}



一些内容
其他内容

改用ngShow。If使用与ngIf相同的逻辑，但应用了一个CSS类，并带有
display:hidden！重要的而不是实际删除元素。在较新版本4.x.x中，如何使用角度动画库执行此操作