最多要显示5个缩略图

Question

要在缩略图中最多显示5张图像。但是它会打印出所有图像。

@foreach (var orderline in order.OrderLines.DistinctBy(ol => ol.imageURL))
{
    <img height="40" src="@orderline.imageURL" alt="@(orderline.Listing.Title.Length > 15 ? orderline.Listing.Title.Substring(0, 15) : orderline.Listing.Title)" />
}

Answer 1

您已经在代码中使用了一些Linq，因此只需多使用一些即可。 Linq中的Take()方法将完全满足您的要求：

@foreach (var orderline in order.OrderLines.DistinctBy(ol => ol.imageURL).Take(5))
{
    <img height="40" src="@orderline.imageURL" alt="@(orderline.Listing.Title.Length > 15 ? orderline.Listing.Title.Substring(0, 15) : orderline.Listing.Title)" />
}

最后添加的Take(5)表示您最多只能迭代5个项目

Answer 2

将foreach更改为for循环

ren