Angular 爱奥尼亚：将每张照片打印成一行

我是爱奥尼亚的新手，我想连续打印图库中的每张照片

` 这打印所有的照片并排，但我想要的是有一排的每张照片

更正式地说，我希望：

  `Foreach photo in photos 
      print the photo in an ion-row`

---

如何做到这一点？

我做到了，而且效果很好

 <ion-grid>
    <ion-row *ngFor="let photo of photoService.photos">
        <ion-col>
           <img [src]="photo.data" />
        </ion-col>
    </ion-row>
 </ion-grid>

---

在爱奥尼亚4中，许多事情都发生了变化。只需将size=6替换为col-6即可。 这样，您将在每一行中获得2张照片，但您在每一行显示一张照片后，请尝试第二个示例。 ex-1：

ex-2：

此外，您还可以使用ionic卡视图，它将在以下视图中看起来更好：

  <ion-grid>
    <ion-row *ngFor="let photo of photoService.photos">
      <ion-card>
        <img [src]="photo.data" />
      </ion-card>
    </ion-row>
  </ion-grid>

---

但这并不能回答问题

  <ion-grid>
    <ion-row *ngFor="let photo of photoService.photos">
      <ion-col>
        <img [src]="photo.data" />
      </ion-col>
    </ion-row>
  </ion-grid>

  <ion-grid>
    <ion-row *ngFor="let photo of photoService.photos">
      <ion-card>
        <img [src]="photo.data" />
      </ion-card>
    </ion-row>
  </ion-grid>