如何在 ionic Angular 和 ngfor 中制作响应式网格?
P粉106715703
P粉106715703 2023-09-14 22:57:49
0
1
523

如何在 ionic Angular 和 ngfor 中制作响应式网格? 就像这里一样 在此输入图像描述

我的网格模板:

        

{{ prod.name }}

{{ prod.price | currency:"GBP" }}

我尝试建议这个网格,但我不知道如何在 ngFor 循环中显示它。

  1 2 3  

P粉106715703
P粉106715703

全部回复 (1)
P粉413704245

您可以尝试为 ion-col 添加大小并将 *ngFor 放入 ion-col 本身。一个例子可以是:

 ... 

如您所见,我使用了尺寸 4,以便 1 行内可以容纳 3 列(最多 12 列,因此 12/4 = 3)。 希望对您有帮助!

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!