C# ASP.NET MVC:Razor<；tr>；不匹配关闭标记

我有一个用列表模型填充的模型，我想使用

foreach

循环来显示它，但是……我的html如下所示：

<tr>
    <td class="lottery-unit lottery-unit-0"><img src="~/images/temp/1.png"></td>
    <td class="lottery-unit lottery-unit-1"><img src="~/images/temp/2.png"></td>
    <td class="lottery-unit lottery-unit-2"><img src="~/images/temp/4.png"></td>
    <td class="lottery-unit lottery-unit-3"><img src="~/images/temp/3.png"></td>
</tr>
<tr>
    <td class="lottery-unit lottery-unit-11"><img src="~/images/temp/7.png"></td>
    <td colspan="2" rowspan="2">
        <a href="#"></a>
    </td>
    <td class="lottery-unit lottery-unit-4"><img src="~/images/temp/5.png"></td>
</tr>
<tr>
    <td class="lottery-unit lottery-unit-10"><img src="~/images/temp/1.png"></td>
    <td class="lottery-unit lottery-unit-5"><img src="~/images/temp/6.png"></td>
</tr>
<tr>
    <td class="lottery-unit lottery-unit-9"><img src="~/images/temp/3.png"></td>
    <td class="lottery-unit lottery-unit-8"><img src="~/images/temp/6.png"></td>
    <td class="lottery-unit lottery-unit-7"><img src="~/images/temp/8.png"></td>
    <td class="lottery-unit lottery-unit-6"><img src="~/images/temp/7.png"></td>
</tr>

@foreach (var item in Model)
{
    if (item.Order >= 0 && item.Order <= 3)
    {
        if (item.Order == 0)
        {
            @:<tr>
        }
        <td class="lottery-unit lottery-unit-0"><img src="~/images/temp/1.png"></td>
        if (item.Order == 3)
        {
             @:</tr>
        }
    }
}

---

以上内容会产生一些错误。那么如何编写正确的代码呢？

您需要在

foreach

前面添加

@

，并在

if

语句中的

和

前面添加。您的代码应该如下所示：

<tr>
    <td class="lottery-unit lottery-unit-0"><img src="~/images/temp/1.png"></td>
    <td class="lottery-unit lottery-unit-1"><img src="~/images/temp/2.png"></td>
    <td class="lottery-unit lottery-unit-2"><img src="~/images/temp/4.png"></td>
    <td class="lottery-unit lottery-unit-3"><img src="~/images/temp/3.png"></td>
</tr>
<tr>
    <td class="lottery-unit lottery-unit-11"><img src="~/images/temp/7.png"></td>
    <td colspan="2" rowspan="2">
        <a href="#"></a>
    </td>
    <td class="lottery-unit lottery-unit-4"><img src="~/images/temp/5.png"></td>
</tr>
<tr>
    <td class="lottery-unit lottery-unit-10"><img src="~/images/temp/1.png"></td>
    <td class="lottery-unit lottery-unit-5"><img src="~/images/temp/6.png"></td>
</tr>
<tr>
    <td class="lottery-unit lottery-unit-9"><img src="~/images/temp/3.png"></td>
    <td class="lottery-unit lottery-unit-8"><img src="~/images/temp/6.png"></td>
    <td class="lottery-unit lottery-unit-7"><img src="~/images/temp/8.png"></td>
    <td class="lottery-unit lottery-unit-6"><img src="~/images/temp/7.png"></td>
</tr>

@foreach (var item in Model)
{
    if (item.Order >= 0 && item.Order <= 3)
    {
        if (item.Order == 0)
        {
            @:<tr>
        }
        <td class="lottery-unit lottery-unit-0"><img src="~/images/temp/1.png"></td>
        if (item.Order == 3)
        {
             @:</tr>
        }
    }
}

@foreach（模型中的变量项）
{
如果（item.Order>=0&&item.Order，您还可以对多行内容使用
。