MEAN.io одушевленный Angular UI Свернуть

Question

Я играл с загрузчиком Collapse (угловая реализация пользовательского интерфейса), чтобы показать и спрятать скважину в приложении 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>

Answer 1

Возможно, вам не хватает зависимости от 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>