1

我创建了一个简单的 ng-click 函数，可以隐藏和显示DIV.

然而，宁可简单地出现和消失，angular是否有能力赋予滑动效果？

这是一个 plunkr：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>
4

1 回答 1

1

您应该对 ng-animate 有很好的阅读（它必须注入您的应用程序 - 很多人都忘记了）然后您可以在这里查看 http://www.nganimate.org/angularjs/ng-switch/滑块 css3 过渡动画

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

谷歌 CDN angularjs-animate.min.js

于 2014-06-27T08:50:25.173 回答