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>