如何创建包含图标的C#MVC Html ActionLink?

时间:2016-07-10 20:43:44

标签: c# asp.net-mvc actionlink

我正在转换和更新一个非常古老的网站到C#MVC,而且,我仍然坚持转换一些超链接。

曾经有过:

<a href="details.aspx" class="btn_red">Read More <i class="fa fa-eye"></i></a>

并且,我已经尝试了一些没有运气的事情......我最接近的就是放下图标:

@Html.ActionLink("Read More", "Details", new { id = item.ID }, new {@class= "btn_red"})

我如何添加图标,虽然感觉正确,但我是否应该像这样转换所有链接,或者,我是否应该修改它们,因为它们可以正常工作?

1 个答案:

答案 0 :(得分:3)

Html.ActionLink辅助方法只创建一个链接,它只是一个a元素。您要做的是创建一个嵌套结构,其中a元素包含 i元素。辅助方法没有选项。 (这不是一个特别的HTML语义结构,所以我怀疑任何开箱即用的工具都会这样做。)

但是,您可以手动构建标记。像这样:

<a href="@Url.Action("Details")" class="btn_red">Read More <i class="fa fa-eye"></i></a>