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.
相关产品推荐
相关产品推荐

