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 });

?

轉載于:https://www.cnblogs.com/YangqinCao/p/5671043.html

總結

以上是生活随笔為你收集整理的Collapse的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。