Javascript 如何将角度UI引导手风琴拆分为多个列?

Javascript 如何将角度UI引导手风琴拆分为多个列?,javascript,angularjs,accordion,angular-ui-bootstrap,Javascript,Angularjs,Accordion,Angular Ui Bootstrap,我正在尝试将手风琴指令拆分为多个列。这就是我到目前为止所做的: <accordion> <accordion-group ng-repeat="d in dimensions" heading="{{d.name}}"> {{d.description}} </accordion-group> </accordion> 我希望像这样将其拆分为N列(本例中为3列): 现在我正在研究一种过滤方法,但我很好奇是否有更好的

我正在尝试将手风琴指令拆分为多个列。这就是我到目前为止所做的:

<accordion>
    <accordion-group ng-repeat="d in dimensions" heading="{{d.name}}">
        {{d.description}}
    </accordion-group>
</accordion>
我希望像这样将其拆分为N列(本例中为3列):

现在我正在研究一种过滤方法,但我很好奇是否有更好的方法

现在的控制器逻辑基本上仅限于填充
$scope.dimensions

好的,一种“便宜”(实现方面)的方法是使用
mod 3
过滤索引,并使用
class=“col-*-4”



更好的方法是先将
维度
数组预先准备成正确的形式。

可能的重复实际上就是我最后做的:)
Acc1
Acc2
Acc3
Acc4
Acc5
Acc6
Acc1    Acc2    Acc3
Acc4    Acc5    Acc6
<div class="row">
  <accordion>
    <div class="col-xs-4">
      <accordion-group heading="{{d.name}}" ng-repeat="d in dimensions" 
                       ng-if="$index % 3 === 0">
        {{d.description}}
      </accordion-group>
    </div>

    <div class="col-xs-4">
      <accordion-group heading="{{d.name}}" ng-repeat="d in dimensions" 
                       ng-if="$index % 3 === 1">
        {{d.description}}
      </accordion-group>
    </div>

    <div class="col-xs-4">
      <accordion-group heading="{{d.name}}" ng-repeat="d in dimensions" 
                       ng-if="$index % 3 === 2">
        {{d.description}}
      </accordion-group>
    </div>
  </accordion>
</div>