Angularjs MEAN.io动画角度UI折叠

我一直在使用引导折叠（AngularUI实现）来显示和隐藏MEAN.io应用程序中的井。下面的“显示”和“隐藏”代码可以工作，但不会设置两种状态之间的转换动画。我想得到一个平稳的动画过渡，但到目前为止，我所尝试的一切都没有奏效。提前感谢您提供的任何帮助

<button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
<hr>
<div uib-collapse="isCollapsed">
    <div class="well well-lg">Some content</div>
</div>

切换折叠

一些内容

在角度应用程序中，您可能缺少对

ngAnimate

的依赖关系：

angular.module('app', ['ngAnimate', 'ui.bootstrap']);

记住也要加载相应的JavaScript：

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-animate.js"></script>

---

谢谢你的回答，你是对的……以防万一有人在摆弄MEAN.io。您需要使用Bower安装angular animate，由于某些原因，默认情况下未安装angular animate。然后必须在config>assets.json“bower_components/angular animate/angular animate.min.js”中包含以下内容。最后，在依赖项中使用pass，如上所述。谢谢