在CSS网格布局中使用Angular * ngFor吗？

Question

我尝试在CSS-Grid-Layout中使用ngFor。它没有显示错误，但网格未正确生成。

<div class="grid">
    <div *ngFor="let info of infoCard; let i = index">
        content
    </div>
</div>

当加载内容后添加网格时，它可以正常工作。但是，当我尝试在Grid布局中生成内容时，它不起作用。

我只想使用网格间隙。

.grid {
    display: grid;
    grid-gap: 5px;
}

我有什么想念的吗？

编辑：我正在使用DevExtreme的dx-map，其中是我的内容。所以也许就是问题所在。

Answer 1

grid-gap 是 过时。您可以改用行间距，列间距或间距。

关于网格分布，您是否尝试过grid-template-rows或grid-template-columns：auto？