顺风栅格布局
顺风栅格布局
提问于 2021-11-11 19:12:44
我试图在我的角度项目中使用尾风显示2行6列的网格布局。
我正在循环的演员数组由25个演员组成。因此，这里的目标是在2行以上显示12个参与者，然后显示一个“显示更多”按钮来显示其余的参与者。
目前，我得到了6列，但这些行似乎被忽略了，因为我目前得到5行，而不是2行。
我在这里错过了什么？
<div class="grid grid-rows-2 grid-cols-6 mt-4 gap-4">
<div *ngFor="let actor of actors" class="flex flex-col gap-2">
<div class="w-full aspect-h-1 aspect-w-1 rounded overflow-hidden">
<img src="{{actor.imageUrl}}" alt="Picture of actor">
</div>
<span class="text-white text-center">{{actor.name}}</span>
</div>
</div>回答 1
Stack Overflow用户
发布于 2021-11-11 19:45:22
看起来这不是这样的，所以最简单的方法是将“参与者”数组分割成12个索引，就像下面的代码一样，并显示剩余的参与者来显示更多的按钮。
<div *ngFor='let item of items | slice:start:end'>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69933669
复制相关文章
相似问题
腾讯云开发者
