ASP.NET Core 8 Razor页面中如何在<a>标签后添加逗号？

报错原因 #

你遇到的} Expected错误，是Razor语法解析规则导致的：在foreach代码块（{}）内，直接写逗号,会被Razor当作C#代码处理，但单独的逗号在C#中不属于合法语句，编译器无法识别这个孤立的逗号，因此会提示需要}来闭合代码块，从而抛出该错误。

解决方法 #

方法1：通过条件判断控制逗号输出 #

在循环内判断当前元素是否为最后一项，仅在非最后一项时输出逗号，无需额外标签：

方式A：基于List的Last()判断（适合已转为List的集合）

@{
    // 先转为List避免多次遍历集合
    var categories = Model.Product.Categories.ToList();
}
@foreach (var item in categories)
{
    <a href="#" class="product-link product-cat-title">@item.Name</a>
    @if (item != categories.Last())
    {
        @:, 
    }
}

方式B：带索引的for循环（性能更优，适合可计数的集合）

@{
    var categories = Model.Product.Categories.ToList();
}
@for (int i = 0; i < categories.Count; i++)
{
    var item = categories[i];
    <a href="#" class="product-link product-cat-title">@item.Name</a>
    @if (i != categories.Count - 1)
    {
        @:, 
    }
}

方法2：用String.Join拼接HTML链接（无额外标签） #

通过LINQ将每个分类转为带HTML标签的字符串，再用String.Join拼接，同时做好XSS防护：

基础版（手动编码防XSS）

@Html.Raw(string.Join(", ", Model.Product.Categories.Select(c => 
    $"<a href=\"#\" class=\"product-link product-cat-title\">{HttpUtility.HtmlEncode(c.Name)}</a>"
)))

安全版（用TagBuilder自动处理编码）

@{
    var categoryLinks = Model.Product.Categories.Select(c => 
    {
        var aTag = new TagBuilder("a");
        aTag.Attributes["href"] = "#";
        aTag.AddCssClass("product-link product-cat-title");
        aTag.InnerHtml.Append(c.Name);
        return aTag.ToString(TagRenderMode.Normal);
    });
}
@Html.Raw(string.Join(", ", categoryLinks))

该方法直接生成带逗号分隔的链接，不会添加额外标签，且TagBuilder会自动对内容进行HTML编码，避免XSS风险。

内容的提问来源于stack exchange，提问作者Ali Jebali