如何根據事件動態更改引導列？

Question

我正在使用angular-ui摺疊來隱藏和顯示2列，因此當用戶單擊圖形時，它將隱藏/顯示列，現在，當兩列被隱藏時，我希望10列是12列。是否有可能完成這項任務？

main.html中

<span class="glyphicon glyphicon-th-list" class="btn btn-default" ng-click="isCollapsed = !isCollapsed" id="treelist"></span> 
<div class="row"> 
    <div class="col-md-2" uib-collapse="isCollapsed"> 
     <p>test</p> 
     <p>test</p> 
    </div> 
    <div class="col-md-10"> 
    contains some data here ... 
    </div> 
</div> 

Answer 1

你應該能夠使用ng-class的類之間進行切換。

<div ng-class="{'col-md-12':isCollapsed,'col-md-10':!isCollapsed}"> 
    contains some data here ... 
</div>