关于 Razor 中嵌套代码块声明的问题

Question

我最近将一个项目从 MVC 1 升级到 MVC 3，现在我正在试用 Razor。

在一个视图中，我有一个 foreach 代码块，但嵌套的 if 语句似乎不想在它前面加上 @。

我原来的代码是：

@foreach(var r in Model.Results) 
{
    string css = r.Result.Count() > 0 ? "fail" : "pass";

    <p class="@css"><strong>@r.Description</strong></p>

    @if(r.Result.Count() > 0) 
    {
        <p>Count: @r.Result.Count()</p>
        <table>
            <thead>
                <tr>
                    <th>ID</th><th>Title</th><th>Description</th>
                </tr>
            </thead>
            <tbody>
            @foreach(var e in r.Result) {
                <tr><td>@e.Id</td><td>@e.Title</td><td>@e.Description</td></tr>
            }
            </tbody>
        </table>
    }
}

@if 会出现运行时错误，提示：“@”字符后出现意外的“if”关键字。进入代码后，您无需在“if”之类的结构前面加上“@”。

如果我删除 @ 代码运行正常。我预计需要 @ 因为它之前的 HTML。更让我困惑的是，在嵌套的 foreach 之前我确实需要 @ 。这里有什么规则？

Answer 1

在 razor 的任何括号内，它都需要一个匹配的开始和结束标记。这就是解析器的工作原理。

到目前为止，以下示例是有效的：

@for (var i = 0; i < 10; i++) { 
<p>
    @i.ToString()
</p>
}

这不是：

@for (var i = 0; i < 10; i++) { 
<p>
   @i.ToString()
</p>
@if (i == 2) { 
 <p>2</p>
}
}

要解决这个问题，您可以将其放在 <text> 块中，例如：

@for (var i = 0; i < 10; i++) { 
<text>
<p>
   @i.ToString()
</p>
@if (i == 2) { 
 <p>2</p>
}
</text>
}

所以在你的情况下它会变成：

@foreach(var r in Model.Results) 
{
  @string css = r.Result.Count() > 0 ? "fail" : "pass";
<text>

  <p class="@css"><strong>@r.Description</strong></p>

  @if(r.Result.Count() > 0) 
  {
    <p>Count: @r.Result.Count()</p>
    <table>
        <thead>
            <tr>
                <th>ID</th><th>Title</th><th>Description</th>
            </tr>
        </thead>
        <tbody>
        @foreach(var e in r.Result) {
            <tr><td>@e.Id</td><td>@e.Title</td><td>@e.Description</td></tr>
        }
        </tbody>
    </table>
  }
</text>
}

Answer 2

嵌套的foreach 位于 HTML 内部（恰好位于其他代码内部）。

要从 标记 到代码，您需要一个 @。
只有直接嵌套代码块时才不需要。