Razor Page中form标签助手属性区C#代码报错的解决方法

你遇到的错误是因为<form>是Razor标签助手元素，不允许在属性声明区域直接嵌入代码块（@{ ... }），必须使用Razor支持的表达式语法来实现条件属性渲染。以下是几种可行的解决方案：

方案一：利用Razor条件属性自动忽略null值特性 #

Razor会自动省略值为null的HTML属性，因此可以用三元表达式直接生成属性值：

<form method="post" x-init="@(Model.Topic != null ? $"data.topic={Model.Topic}" : null)">

• 当Model.Topic不为null时，x-init属性会被渲染为x-init="data.topic=xxx"；
• 当Model.Topic为null时，Razor会自动省略该属性。

如果Model.Topic包含特殊字符（如引号、空格），建议用Json.Serialize转义，避免破坏HTML语法：

<form method="post" x-init="@(Model.Topic != null ? $"data.topic={Json.Serialize(Model.Topic)}" : null)">

方案二：使用Html.Raw输出原始属性字符串 #

通过Html.Raw直接输出完整的属性键值对，解决引号冲突问题：

<form method="post" @(Model.Topic != null ? Html.Raw($"x-init=\"data.topic={Model.Topic}\"") : Html.Raw(""))>

同样，处理特殊字符时结合Json.Serialize更安全：

<form method="post" @(Model.Topic != null ? Html.Raw($"x-init=\"data.topic={Json.Serialize(Model.Topic)}\"") : Html.Raw(""))>

方案三：拆分逻辑与标签（适合复杂场景） #

先在代码块中生成属性字符串，再渲染到标签上：

@{
    var xInitAttribute = Model.Topic != null ? $"x-init=\"data.topic={Json.Serialize(Model.Topic)}\"" : "";
}
<form method="post" @Html.Raw(xInitAttribute)>

内容的提问来源于stack exchange，提问作者Miguel Moura