如何在单击时显示全屏图像-Ionic 5 / Angular？

Question

单击图像时如何获得图像的实际尺寸（全屏），单击“ X”时，模态或弹出窗口会消失吗？

这是我的.html代码：

<ion-col
  *ngFor="let img of data.filenames"
  size="6"
  style="text-align: center;"
>
  <img
    src="https://example.com/storage/{{img}}"
    style="border-radius: 10px; height: 150px; width: 150px;"
  />
</ion-col>

Answer 1

使用此插件：Full Screen Image

要了解如何在项目中安装和使用插件，请参见：How to use this cordova plugin