angularjs NG-重複在多個div

我有一個數組，其元素我填充在一個div如下：angularjs NG-重複在多個div

<div align="center" ng-show="showWords" class="container"> 
    <div ng-repeat="word in whichArray" ng-if="$index % 2 == 0" class="row"> 
     <h4><div class="col" style="padding-left:9cm; padding-right:5cm">{{whichArray[$index]}}</div></h4> 
     <h4><div class="col">{{whichArray[$index + 1]}}</div></h4>  
    </div> 
</div>

這看起來像以下：

我所說的的jsfiddle到http://jsfiddle.net/vm3j4akp/具有以非常乾淨的方式填充這樣的元素（即，在相鄰元素之間有足夠的空間並且每行上的所有第二元素在相同位置開始）

然而，我使用離子，所以我將不得不使用離子網格，而不是引導網格。 如何可以很好地重新排列這些div？

來源

2016-07-31 Nitish

class =「col」是什麼意思？我們必須使用像col-sm-6這樣的寬度，而不是隻使用類col。我們可以去除填充在風格上也

來源

2016-07-31 10:18:15

這是離子電網，所以他們有不同的約定。 http://ionicframework.com/docs/components/#grid-even – Nitish

很酷。我正在考慮引導。對不起 –

沒問題！ jsfiddle我發佈沒有額外的CSS，所以我想知道爲什麼它不起作用我的 – Nitish

我管理的工作，圍繞這樣的：

<div align="center" ng-show="showWords" > 
    <div ng-repeat="word in whichArray" ng-if="$index % 2 == 0" class="row"> 
     <div class="col" align="left" style="margin-left:9cm;">{{whichArray[$index]}}</div> 
     <div class="col" align="left">{{whichArray[$index + 1]}}</div>  
    </div> 
</div>

來源

2016-07-31 10:54:14 Nitish

angularjs NG-重複在多個div

回答

相關問題