You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Blazor中如何在文本内使用@参数且避免多余空格?

Blazor中HTML文本内无空格拼接参数的解决方法

以下几种方式可以解决拼接参数时多出空格或参数不被识别的问题:

  • 直接用表达式块包裹参数
    在HTML文本里把参数用@()包裹,Blazor就能正确识别参数并完成无空格拼接:

    some@(Text)
    

    当Text="thing"时,会直接渲染为something,既不会出现额外空格,也不会把@Text识别为纯文本。

  • 提前在代码块中拼接字符串
    如果需要复用拼接后的内容,可以在组件的@code块中预先定义好拼接属性:

    @code {
        [Parameter]
        public string Text { get; set; }
    
        private string CombinedContent => $"some{Text}";
    }
    

    之后在HTML中直接引用即可:

    @CombinedContent
    
  • 使用字符串插值表达式
    也可以用@()包裹整个字符串插值表达式,效果和第一种方法一致:

    @($"some{Text}")
    

内容的提问来源于stack exchange,提问作者Damian K.

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 17:15:52