Ionic Framwork：GridLayout，使用ng-repeat从arrayItem放置多行和一列图像

Question

我需要在离子框架中实现具有多行和多列的图像的网格布局。任何人都可以帮助我

 <ion-content ng-controller="MenuCtrl as menuCtrl" >
     <div class="row responsive-md">
      <div class="col col-25" ng-repeat="image in images">
         <img ng-src="{{image.src}}" style="height: 100px; width: 100px" />
     </div>
   </div>
 </ion-content>

Answer 1

我曾经按照以下格式在行和列中显示我的图像。这对你有所帮助。要使用css，您可以使用具有响应性的浏览器样式并将css应用于离子。

<div class="resize">
  <div class="container">
     <div class="images-align">
        <figure ng-repeat="(imageKey, imageUrl) in images" class="col-xs-4 col-sm-3 col-md-3 col-lg-2" >
            <img ng-src="{{imageUrl}}" />
        </figure>
      </div>
  </div>
</div>