如何为asp-alert-message模态框的提示信息添加换行符

问题根因 #

你遇到的换行失效是两个层面的转义/解析规则导致的：

1. Razor模板默认会对属性内输出的字符串做HTML转义，你拼接的<br/>会被转义为<br/>纯文本，不会被浏览器识别为HTML换行标签
2. \n是纯文本换行符，HTML默认不会将普通文本中的\n渲染为换行，需要搭配对应CSS规则才会生效

解决方案 #

方案1：用Html.Raw禁止Razor转义（优先尝试） #

直接用@Html.Raw包裹你拼接好的带HTML标签的字符串，避免转义：

<nop-alert asp-alert-id="updateAddressAlert" asp-alert-message="@Html.Raw(string.Concat("message1", "<br/>", "message2"))" />

方案2：使用组件内容插槽传值 #

如果nop-alert组件支持内容插槽写法，直接把文本写在标签内部，无需走属性传值：

<nop-alert asp-alert-id="updateAddressAlert">
    message1<br/>
    message2
</nop-alert>

方案3：用CSS让\n生效 #

如果组件强制要求只能传纯文本到asp-alert-message属性，给alert的内容元素添加如下CSS规则：

/* 替换为你项目中alert消息内容对应的实际类名/选择器 */
.nop-alert .alert-content {
    white-space: pre-line;
}

之后拼接字符串时直接用\n换行即可：

var alertMsg = $"{msg1}\n{msg2}";

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