HelperText属性不支持混合C#与标记内容,@符号转义求助
解决MudTextField HelperText中@符号的显示问题
在使用MudTextField组件时,想让HelperText显示Please provide a valid @outlook.com email,但Razor会把@识别为特殊语法标记引发错误,这里有两种简单的解决办法:
方法一:使用双@@转义@符号
在Razor语法里,要输出普通的@字符,只需要连续写两个@@即可,修改后的组件代码如下:
<MudTextField @bind-Text="Email" T="string" MaxLength="250" Class="mt-2" Label="E-Mail*" HelperText="Please provide a valid @@outlook.com email" HelperTextOnFocus="true" Margin="Margin.Dense" Variant="Variant.Outlined" />
方法二:将字符串定义在代码变量中
把要显示的HelperText内容定义在代码块里,再绑定到组件的HelperText属性,这样Razor不会解析字符串里的@符号:
- 在组件的@code块中定义变量:
private string emailHelperText = "Please provide a valid @outlook.com email";
- 修改组件引用变量:
<MudTextField @bind-Text="Email" T="string" MaxLength="250" Class="mt-2" Label="E-Mail*" HelperText="@emailHelperText" HelperTextOnFocus="true" Margin="Margin.Dense" Variant="Variant.Outlined" />
内容的提问来源于stack exchange,提问作者Lisa
相关产品推荐
相关产品推荐

