• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Asp.Net MVC的Razor视图中,在C#代码中不能直接嵌套文字

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

这个问题笔者也不知道这么描述好一点,具体的问题看下面的代码

<a href="#" class="btn btn--sm btn--color1 btn--icon">
	@if (Model.Gender=="男")
	{
	    <span class="fa fa-mars"></span>男
	}
	else if (Model.Gender=="女")
	{
	    <span class="fa fa-venus"></span>女
	}
	else
	{
	    <span class="fa fa-genderless"></span>未知
	}
</a>

这里想根据Model.Gender的取值,生成不同的图标和文字组合而成的块

要达到下图这样的效果

但是在C#代码中这么嵌套写会报错的<span class="fa fa-mars"></span>男

这样的写法不能识别,当然这样写就没问题<span class="fa fa-mars">男</span>,但是这么写效果会有点变形(图标和文字间隙太小)

解决方法一、

在写文字时,先string一个变量赋值

else if (Model.Gender.=="女")
{
    string sex = "女";
    <span class="fa fa-venus"></span>@sex
}

这个方法比较繁琐,文字多起来有点麻烦,所以建议下面的方法

解决方法二、

使用<text></text>块,这种方法方便快捷
使用方法如下

<a href="#" class="btn btn--sm btn--color1 btn--icon">
	@if (Model.Gender=="男")
	{
	    <span class="fa fa-mars"></span><text>男</text>
	}
	else if (Model.Gender=="女")
	{
	    <span class="fa fa-venus"></span><text>女</text>
	}
	else
	{
	    <span class="fa fa-genderless"></span><text>未知</text>
	}
</a>


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
C#获取文件与文件夹默认图标(2006-3-22新增示例代码与程序)发布时间:2022-07-14
下一篇:
C# UDP 网络聊天程序发布时间:2022-07-14
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap