首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在不使用ngAnimate的情况下从ng重复中去除元素时产生淡出效应?

如何在不使用ngAnimate的情况下从ng重复中去除元素时产生淡出效应?
EN

Stack Overflow用户
提问于 2014-09-26 13:06:04
回答 1查看 403关注 0票数 2

我们可以使用CSS-3或Javascript的动画而不使用ngAnimate的ng-重复?我想使用ng动画,因为性能和动画是不顺利的。

请建议我的替代方式或任何链接,我可以找到解决办法。

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-09-26 13:30:12

我从不使用ngAnimate,但使用animate.css。代码来了,http://plnkr.co/edit/DjuxVfOjcUa0N4nOCSGN?p=preview

代码语言:javascript
复制
<!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>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26060341

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档