Как динамически менять столбцы начальной загрузки на основе события?

Question

Я использую angular-ui collapse, чтобы скрыть и показать 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>