Angular Bootstrap可折叠柱

Question

我一直在寻找一个有角度/自举的非javascript解决方案来拥有一个可折叠的bootstrap列。

这是我在网上找不到其他解决方案时想出的。

Answer 1

对我来说，不使用jquery非常重要（不要让我的控制器与UI的东西混乱）

这不是火箭科学，但我花了一段时间寻找一个自助解决方案并干涸了。

<button ng-click="showAddDiv = !showAddDiv">Show</button>
<div class="container-fluid">
  <div class="row">
    <div class="material-color-primary-1 col-xs-12" ng-class="{true:'col-lg-8', false:'col-lg-12'}[showAddDiv]" ng-init="showAddDiv = false">
    </div>

    <div class="material-color-secondary-1" ng-class="{true:'col-xs-12 col-lg-4', false:'hidden'}[showAddDiv]">
        'add div'
    </div>
  </div>
</div>