イベントに基づいてブートストラップ列を動的に変更する方法は？

Question

2つの列を非表示にするには、角形縮小を使用しています。グリフアイコンをクリックすると列が表示/非表示になります。そのとき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>