Question

我创建了一个简单的ng-click功能，隐藏并显示DIV。

然而，相反而且只是出现和消失，角度是否有能力产生滑动效果？

这是一个傻瓜：http://plnkr.co/edit/jbHidL3oOQvi4RBCkJIF?p=preview

HTML：

<div class="grid-wrap">
  <div class="grid-col one-third">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <a href="#" class="link" ng-click="showMe=!showMe">Show the slidy section</a>
  </div>


  <div class="grid-col two-thirds" ng-show="showMe">
    My hidden section that i want to slide out

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
    <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis irure dolor in repr</p>

  </div>
</div>

Answer 1

你应该对ng-animate有一个很好的阅读（它必须被注入你的应用程序 - 许多人忘记了）然后你可以看看这里 http://www.nganimate.org/angularjs/ng-switch/slider-css3-transition-animation

一个精心设计的ng-animate可以做什么的例子

Google CDN angularjs-animate.min.js

AngularJS - 在ng-click上的滑动效果

1 个答案: