Collapse

uib-collapse提供了一个简单的方法来隐藏和显示元素。

参数设置：

1) collapsed(): 元素完成折叠后的可选操作

2) collapsing(): 元素折叠前的可选操作。如果表达式返回一个promise，直到promise resolves动画才会开始。如果promise被rejected了，那么折叠就取消了。

3) expanded(): 元素完成展开后的可选操作

4) expanding(): 元素展开前的可选操作。如果表达式返回一个promise，直到promise resolves动画才会开始。如果promise被rejected了，那么展开就取消了。

5) uib-collapse: 默认false; 元素是否应该被折叠

1 <div ng-controller="CollapseDemoCtrl">
2     <button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
3     <hr>
4     <div uib-collapse="isCollapsed">
5         <div class="well well-lg">Some content</div>
6     </div>
7 </div>

1 angular.module('ui.bootstrap.demo').controller('CollapseDemoCtrl', function ($scope) {
2   $scope.isCollapsed = false;
3 });