首頁猿問如何使用引導(dǎo)程序?qū)g重復(fù)數(shù)據(jù)拆分為三列

如何使用引導(dǎo)程序?qū)g重復(fù)數(shù)據(jù)拆分為三列

AngularJS JavaScript

Cats萌萌 2019-07-12 19:05:22

如何使用引導(dǎo)程序?qū)g重復(fù)數(shù)據(jù)拆分為三列我使用ng-重復(fù)與我的代碼，我有‘n’個文本框基于ng-重復(fù)。我想用三列對齊文本框。這是我的密碼<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>

查看完整描述

3 回答

婷婷同學(xué)_

TA貢獻1844條經(jīng)驗獲得超8個贊

這個解決方案非常簡單：

杰森：

[{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>

小提琴演示

反對回復(fù) 2019-07-12