Razor页面,带有html的服务器代码

时间:2018-04-15 23:41:23

标签: razor asp.net-core

在这种情况下,我无法弄清楚如何将html与服务器代码混合使用。

@{ 
    var i = 0;
    foreach (var match in Model.StagingRooms)
    {
        if (i % 2 == 0)
        {
            <div class="row">
        }
        Html.Partial("_MatchCard", match.Value);
        i++;
        if (i % 2 == 0)
        {
            </div>
        }
    }
}

使用上面的代码,我得到了代码的输出,而不是行的卡片。 enter image description here

如果我将@添加到Html.Partial和增量 enter image description here

我还尝试将@附加到每个服务器代码行,并删除@ {}块,但这根本不允许我编译。我的代码中有一堆红色的曲线。

编辑: 当我将@添加到每个服务器代码片段时,我得到了波形,并且无法编译 enter image description here 如果我从最后一个if语句中删除@,那么我可以运行该应用程序,但是这段代码会在浏览器页面中显示给我。 enter image description here enter image description here

1 个答案:

答案 0 :(得分:0)

你需要在这里使用@ @Html.Partial(....)

同样是@foreach@if,正如Brad所说。

代码行放在括号中:@(i++)