Razor查看Html.ActionLink图标

Question

我需要在剃刀视图中的myLink附近添加一个图标， 在.html页面我使用`Requêteoptimisée。 现在我有了

 @Html.ActionLink("Requete optimisée", "Index", "Requete")

不知道在哪里添加我的图标。

Answer 1

我不会使用ActionLink，并会执行以下操作：

<a href="@Url.Action("Index","Requete")" class="my-link-class">Requete optimisée
<div class="my-icon"><img src="@Url.Content("~/icon.jpg")" alt="Icon Image" /></a>

更多代码，但也更自由和控制正在发生的事情。

Answer 2

如果您想要显示图标，只需在链接前添加img标记：

<img src="~/Content/Images/Image.png" />
@Html.ActionLink("Requete optimisée", "Index", "Requete")

如果您想显示图片链接，请使用：

@Html.ActionImage("Requete optimisée", "Requete", "~/Content/Images/Image.png")