如何在html actionlink中包含i标签？

Question

所以我目前有以下剃刀代码：

@Html.ActionLink("Home", "Index", null, new { @class = "btn btn-default" })

我如何获得类似于以下HTML的内容？

<button class="btn btn-default" type="submit">Continue shopping <i class="fa fa-shopping-cart"></i></button>

Answer 1

当前实施Razor HTML帮助程序时，这是不可能的。 HTML助手主要用于生成非常简单的HTML。对于复杂的，您必须自己编写HTML代码。 对于您的情况，您必须自己编写HTML代码而不是依赖帮助程序。

顺便说一句

  

@ Html.ActionLink（“Home”，“Index”，null，new {@class =“btn btn-default”}）

这将输出以下HTML

<a href="/Home/Index" class="btn btn-default"></a>

＆安培;你期望输出button，这绝对是可能的。

<button class="btn btn-default" type="submit">
    Continue shopping <i class="fa fa-shopping-cart"></i>
</button>

如果您期望以下输出

<a href="/Home/Index" class="btn btn-default">
    Continue shopping <i class="fa fa-shopping-cart"></i>
</a>

然后你必须明确地编写HTML代码。您可以使用Url.Action("Index", "Home")帮助程序生成操作方法的路径。

<a href="@Url.Action("Index", "Home")" class="btn btn-default">
    Continue shopping <i class="fa fa-shopping-cart"></i>
</a>

Answer 2

您可以在ActionLink的位置使用Url.Action

＆LT; a href =“＆lt;％= Url.Action（”Index“，”Home“）％＆gt;”＆gt;＆lt; i class =“fa fa-shopping-cart”＆gt;＆lt; / I＆GT;＆LT; / A＆GT;

或

＆LT; a href =“@ Url.Action（”Index“，”Home“）”＆gt;＆lt; i class =“fa fa-shopping-cart”＆gt;＆lt; / I＆GT;＆LT; / A＆GT;

请在所有休息后删除空格“＆lt;”..