如何使用引导程序将ng重复数据拆分为三列

Question

如何使用引导程序将ng重复数据拆分为三列

我使用ng-重复与我的代码，我有‘n’个文本框基于ng-重复。我想用三列对齐文本框。

这是我的密码

<div class="control-group" ng-repeat="oneExt in configAddr.ext">
    {{$index+1}}. 
    <input type="text" name="macAdr{{$index+1}}" 
           id="macAddress" ng-model="oneExt.newValue" value=""/></div>

Answer 1

这个解决方案非常简单：杰森：[{id:"1",name:"testA"},{id:"2",name:"test&nbsp;B"},{id:"3",name:"test&nbsp;C"},{id:"4",name:"test&nbsp;D"},{id:"5",name:"test&nbsp;E"}]HTML：<div&nbsp;ng-controller="MyCtrl"> &nbsp;&nbsp;<table> &nbsp;&nbsp;&nbsp;&nbsp;<tr&nbsp;ng-repeat="item&nbsp;in&nbsp;items"&nbsp;ng-switch&nbsp;on="$index&nbsp;%&nbsp;3"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td&nbsp;ng-switch-when="0"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{items[$index].id}}&nbsp;{{items[$index].name}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td&nbsp;ng-switch-when="0"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span&nbsp;ng-show="items[$index+1]"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{items[$index+1].id}}&nbsp;{{items[$index+1].name}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td&nbsp;ng-switch-when="0"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span&nbsp;ng-show="items[$index+2]">&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{items[$index+2].id}}&nbsp;{{items[$index+2].name}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> &nbsp;&nbsp;&nbsp;&nbsp;</tr> &nbsp;&nbsp;</table></div>小提琴演示