Ionic - Wie man eine Ionenliste in ein Gitter verwandelt

Question

Ich habe eine Liste von anklickbaren Elementen, die ich in ein Raster aus quadratischen Elementen (Kästchen) umwandeln möchte und ich weiß nicht wie. Bitte helfen Sie.

Hier ist meine Liste:

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

Bitte, wie dies in quadratische Artikel Boxen zu verwandeln?

Answer 1

Fügen Sie Klassen in Bezug auf die Größe des Geräts hinzu. class="col col-50" verwendet, um jede Artikelgröße anzuzeigen, wird 50% der Gesamtbreite betragen. für weitere Informationen 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> 

Wenn Sie nicht in der Lage sind, es mit ion Tags zu tun, versuchen Sie es mit div Tags zu tun.

einer von ihnen muss funktionieren. Natürlich beides.