Question

我是离子的新手，现在在我的项目中，我有一个屏幕，可以从databsae加载所有图像，视频，ppt，pdf。

我的json将是：

"FileSource":"http://www.example.com/assets/designs/images/new_banner2.jpg",
 "FileSource": "http://www.example.com/assets/designs/images/small.3gp",
 "FileSource": "http://www.example.com/assets/designs/images/Biology in a changing world.pptx",
"FileSource": "http://www.example.com/assets/designs/images/preface.pdf",

所以我的FileSource将拥有从数据库传来的所有图像，ppt，pdf，视频。

现在我想在网格视图中显示所有内容。我试过了，我可以显示FileSourceName。但我不知道如何填充图像，视频，ppt，pdf ..

就像它应该在网格视图中一样。我已经完成了网格视图，在顶部它将显示文件名的内容：

<ion-content style="width: 100%;overflow-y: hidden;">


<div class="item item-body no-padding" style="border-width: 0px !important;">  

  <div class="row no-padding" *ngFor="let data of Catdata; let i = index">

          <div class="col col-50 custom-design2" style="background: url(background image ) no-repeat center;background-size: cover;">
               <div class="custom-design1"><span class="grid-title">{{Catdata[i].FileName}}</span></div>
            </div>
</div> 


</ion-content>

现在我的网格视图如下：

Image


video


ppt

pdf

以上就像网格视图，它将具有标题。但我没有动态地知道如何在网格视图中填充图像，视频，ppt，pdf。我需要在弹出的屏幕上显示所有图像，ppt，视频，pdf，右上角有交叉取消按钮。当用户按任意网格视图单元格时。

请帮帮我..我可以这样做吗？

如何在离子含量离子2

0 个答案: