如何解决如何使用Razor语法输出每行包含2个项目的表
我不确定我是否了解Razor语法,但似乎无法使用以下代码生成表。编译器似乎总是希望整齐地关闭标签。
<div>
@foreach (var image in images)
{
if (@currentCount == 0)
{
<div class="row">
}
<div class="column">
<img src="images/@image.Thumbnail" width="400">
@image.Title
</div>
@if (@currentCount == 2)
{
</div>
@currentCount = 0;
}
else
{
@currentCount += 1;
}
}
@if (currentCount > 0)
{
</div>
}
</div>
@code {
private Image[] images;
private string rootDir = "images/";
private int currentCount = 0;
protected override async Task OnInitializedAsync()
{
images = await Http.GetFromJsonAsync<Image[]>("sample-data/images.json");
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。