Razor 视图 - @if 语句编译错误

Question

由 Visual Studio 搭建的 Razor 视图包含一个“actions”元素，其中的链接由竖线字符分隔 (|)

<td>
   @Html.ActionLink("Edit", "Edit", new { id = item.Id }) |
   @Html.ActionLink("Details", "Details", new { id = item.Id }) |
   @Html.ActionLink("Delete", "Delete", new { id = item.Id })
</td>

我想有条件地呈现这些链接：

<td>
    @if (item.IsSuccess)
    {
        @Html.ActionLink("Edit", "Edit", new { id = item.Id }) |
        @Html.ActionLink("Details", "Details", new { id = item.Id }) |
        @Html.ActionLink("Delete", "Delete", new { id = item.Id })
    }
</td>

上面的代码在 Visual Studio 中似乎是正确的，但是执行会导致 Compilation Error

Compilation Error
Description: An error occurred during the compilation of a resource required    
to service this request. Please review the following specific error details and
modify your source code appropriately.

Compiler Error Message: CS1513: Expected sign }.

Source Error:


Line 491:        }
Line 492:    }
Line 493:}

你能指出问题出在哪里吗？代码看起来语法正确。

Answer 1

一旦你闯入一个 c# 块，你必须再次明确地闯入。在这种情况下，您可以使用<text> 标签在输出中添加一行或多行文字。

<td>
    @if (item.IsSuccess)
    {
        @Html.ActionLink("Edit", "Edit", new { id = item.Id })<text> |</text>
        @Html.ActionLink("Details", "Details", new { id = item.Id })<text> |</text>
        @Html.ActionLink("Delete", "Delete", new { id = item.Id })
    }
</td>

或者正如 John H 所提到的，您可以使用语法 @: 来打破单行文本的代码块。

<td>
    @if (item.IsSuccess)
    {
        @Html.ActionLink("Edit", "Edit", new { id = item.Id })@: |
        @Html.ActionLink("Details", "Details", new { id = item.Id })@: |
        @Html.ActionLink("Delete", "Delete", new { id = item.Id })
    }
</td>

另见Combining Text, Markup, and Code in Code Blocks