将 Html 代码放入 html 助手生成的标签中答案

【问题标题】：Putting Html code in html helper generated tag将 Html 代码放入 html 助手生成的标签中
【发布时间】：2015-04-16 13:22:33
【问题描述】：

我有这个 Html 代码：

 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Espace propriétaire du terrain <span class="caret"></span></a>

我想使用 html 助手而不是使用a 标签

  @Html.ActionLink("Espace propriétaire du terrain ", "About", "Home", null, new { @class = "dropdown", data_toggle = "dropdown", role = "button", aria_expanded = "false" })<span class="caret"></span>

问题是span 标记在a 标记之外，即在第一个代码中我将两个标记内联，但在第二个代码中它是垂直放置的。

那么，如何更改我的代码以使用 Html.ActionLink 将第一个 html 代码替换为另一个？

【问题讨论】：

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

【解决方案1】：

您可以在锚标记的href 属性中通过Url.Action 呈现一个url，而不是使用Html.ActionLink，因为您不能在ActionLink 本身中包含任何HTML。

<a href="@Url.Action("About", "Home")" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Espace propriétaire du terrain <span class="caret"></span></a>

【讨论】：

【解决方案2】：

创建自定义扩展方法以按照您希望的方式运行。

参考：http://blog.syntaxc4.net/post/2010/10/09/How-To-Create-Custom-MVC-Extension-Methods.aspx

示例：

  public static MvcHtmlString CustomActionLink(this HtmlHelper htmlHelper, string linkText, string area, string controller, string tabMenu, string action, RouteValueDictionary routeValues, IDictionary<string, object> htmlAttributes)
    {
        routeValues.Add("area", area);
        routeValues.Add("tabMenu", tabMenu);
        return htmlHelper.ActionLink(linkText, actionName, controllerName, routeValues, htmlAttributes);
    }

代码来源：Create a custom ActionLink

【讨论】：

【解决方案3】：

这本身是不可能的。 ActionLink 将始终对给定文本进行编码，因此您不能在链接描述中添加跨度。而放在后面就不一样了。

在这种情况下，您可能可以使用 CSS 规则使 a 标签的行为类似于 span 标签。

【讨论】：