如何在mvc actionlink语法中添加bootstrap图像？

Question

我正在为群组按钮添加以下代码

<div ><span class="font-icon-group">
@Html.ActionLink("Group button", "Index", "Groups",null ,new {@class="btn", @id="A" })
</div>

但这是错误的，因为font-icon-group出现在Group按钮之外。

我怎么能把它拿在里面按钮请指导我（mvc语法代码需要改变 - 上面的代码）。

使用普通的HTML它正在为html工作正常的代码如下：

<div>
<a class="btn" href="#" id="A1"><span class="font-icon-group"></span> All Groups</a></div>

请指导更改mvc。

中的语法

Answer 1

使用Url.Action并根据需要格式化HTML。

<div>
  <a class="btn" href="@Url.Action("Index", "Groups")" id="A1">
    <span class="font-icon-group"></span> All Groups
  </a>
</div>

我更喜欢使用部分视图和模板而不是HTML生成帮助程序，尤其是在像Bootstrap这样的框架中工作时。

Answer 2

常规MVC Html助手不支持html。你必须编写一个自定义的Html Helper。

TwitterBootstrapMVC支持此功能。你会写这样的东西：

@Html.Bootstrap().ActionLink("<span class='font-icon-group'></span> All Groups", "Index", "Groups").Id("A")