使用Action Link Helper在锚标记之间放置span标记

时间:2012-07-23 06:18:26

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

我有网站模板并将其用于我的网站。我是asp.net mvc 3和razor的新手。使用html helper修改html标签非常困难。如何使用ActionLink Helper将span标记放在锚标记之间。我使用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>

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

2 个答案:

答案 0 :(得分:5)

您想要使用的是@ Url.Action,以便在拥有自定义HTML时创建网址。

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

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

答案 1 :(得分:1)

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

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