如何使用引导程序将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 B"},{id:"3",name:"test C"},{id:"4",name:"test D"},{id:"5",name:"test E"}]

HTML：

<div ng-controller="MyCtrl">
  <table>
    <tr ng-repeat="item in items" ng-switch on="$index % 3">
      <td ng-switch-when="0">
        {{items[$index].id}} {{items[$index].name}}      </td>
      <td ng-switch-when="0">
        <span ng-show="items[$index+1]">
          {{items[$index+1].id}} {{items[$index+1].name}}        </span>
      </td>
      <td ng-switch-when="0">
        <span ng-show="items[$index+2]">    
          {{items[$index+2].id}} {{items[$index+2].name}}        </span>
      </td>
    </tr>
  </table></div>

小提琴演示