使用 Action Link Helper 在锚标签之间放置 span 标签答案

【问题标题】：place span tag between anchor tag using Action Link Helper使用 Action Link Helper 在锚标签之间放置 span 标签
【发布时间】：2012-07-23 06:18:25
【问题描述】：

我获得了网站模板并将其用于我的网站。我是 asp.net mvc 3 和 razor 的新手。使用 html helper 修改 html 标签非常困难。如何使用 ActionLink Helper 在锚标记之间放置跨度标记。我使用 razor 和 html helper 来生成链接。我想制作以下标签：

<li><a href="Account/LogOff" title="Logout"><span class="glyph logout"></span> Logout</a></li>

我试过了

<li>@Html.ActionLink("<span class='glyph logout'></span> Log out", "LogOff", "Account") </li>

我很困惑如何做到这一点。将跨度标记生成为字符串不是正确的方法。如何生成正确的标签。

【问题讨论】：

标签： asp.net-mvc-3 razor html-helper

【解决方案1】：

您想要使用@Url.Action 来创建 URL，同时拥有您的自定义 HTML。

<li>
  <a href="@Url.Action("LogOff","Account")" title="Logout">
    <span class="glyph logout"></span> Logout
  </a>
</li>

这样您就可以控制 URL 并能够添加您自己的自定义 HTML。 @Html.ActionLink 不允许您在原生标签内添加自定义 HTML。

【讨论】：

【解决方案2】：

如果您需要自定义锚标签内的内容，您应该使用 Html.Action 方法而不是 Html.ActionLink

<li>
  <a href="@Html.Action("LogOff", "Account")" title="Logout">
    <span class="glyph logout"></span> Log
  </a>
</li>

【讨论】：