イオン - イオンリストをグリッドにする方法

Question

私はスクエアアイテム（ボックス）のグリッドに変えたいクリック可能なアイテムのイオンリストを持っていますが、わかりません。助けてください。ここで

は私のリストです：

<ion-view> 

    <ion-content> 
    <ion-list > 
     <ion-item ng-repeat="letter in letters" href="#/letters/{{letter.number}}" class="letters-list"> 
     {{letter.title}} 
     </ion-item> 
    </ion-list> 
    </ion-content> 
</ion-view> 

してください正方形のアイテムボックスにこれを有効にする方法？

Answer 1

デバイスのサイズに関してクラスを追加します。 class="col col-50"はすべてのアイテムのサイズを表示するために使用され、合計幅の50％になります。あなたはionタグでそれを行うことができない場合の詳細情報http://ionicframework.com/docs/components/#grid

<ion-view> 

    <ion-content> 
    <ion-list class="row"> 
     <ion-item class="col col-50" ng-repeat="letter in letters" href="#/letters/{{letter.number}}" class="letters-list"> 
     {{letter.title}} 
     </ion-item> 
    </ion-list> 
    </ion-content> 
</ion-view> 

ため、divタグでそれをやろう。

<ion-content> 
    <div class="row"> 
     <div class="col col-50" ng-repeat="letter in letters" href="#/letters/{{letter.number}}" class="letters-list"> 
     {{letter.title}} 
     </div> 
    </div> 
    </ion-content> 
</ion-view> 

が動作している必要があります。もちろん両方。