Javascript 在不使用ngAnimate的情况下，如何在从ng repeat中移除元素时产生淡出效果？_Javascript_Jquery_Angularjs_Css

Javascript 在不使用ngAnimate的情况下，如何在从ng repeat中移除元素时产生淡出效果？

javascript jquery angularjs css

Javascript 在不使用ngAnimate的情况下，如何在从ng repeat中移除元素时产生淡出效果？,javascript,jquery,angularjs,css,Javascript,Jquery,Angularjs,Css,我们可以在不使用ngAnimate的情况下使用CSS-3或Javascript制作动画吗？我想使用ng动画制作avaoid，因为性能和动画不平滑请建议我的替代方式或任何链接，我可以找到解决方案谢谢我从不使用ngAnimate，而是使用animate.css。代码来了 {{no}} 你好，普朗克！因此，使用一个与另一个之间确实没有区别。您可以使用ngClass并根据条件添加自定义类，但正如@MatthewGreen所说，ngAnimate非常平滑，因为它可以使用css动画/转换

我们可以在不使用ngAnimate的情况下使用CSS-3或Javascript制作动画吗？我想使用ng动画制作avaoid，因为性能和动画不平滑

请建议我的替代方式或任何链接，我可以找到解决方案

谢谢

我从不使用ngAnimate，而是使用animate.css。代码来了




{{no}}


你好，普朗克！

因此，使用一个与另一个之间确实没有区别。您可以使用

ngClass

并根据条件添加自定义类，但正如@MatthewGreen所说，

ngAnimate

非常平滑，因为它可以使用css动画/转换

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.3.0-rc.2" data-semver="1.3.0-rc.2" src="  https://code.angularjs.org/1.3.0-rc.2/angular.js"></script>
    <link rel="stylesheet" 
      href="https://rawgit.com/daneden/animate.css/master/animate.css" />
  </head>

  <body ng-app>
    <ul>
      <li ng-repeat="no in [1,2,3,4,5]" ng-click="myvar=!myvar" 
        ng-class="{animated:true, fadeOut:myvar, fadeIn: !myvar}">
        {{no}}
      </li>
    </ul>
    <h1>Hello Plunker!</h1>
  </body>

</html>