如何将一个span标签放置在一个ActionLink中并将其设计为一个按钮？

目前，我有一些文字和模型变量<span>标签内的按钮下面的代码：如何将一个span标签放置在一个ActionLink中并将其设计为一个按钮？

<button class="cart-icon fr btn btn-info" type="button"> 
      Cart <span class="badge cart-count">@Model.CartCount</span> 
    </button>

我希望能够给该按钮链接到的索引操作ShoppingCart控制器。

它应该看起来像这样的事情，但我不是关于如何使用HTML助手来访问span标签完全肯定：

@Html.ActionLink("Cart", "Index", "ShoppingCart", new { @Model.CartCount}, new { @class = "cart-icon fr btn btn-info"})

我要确保我有持有该按钮内CartCount的Model属性。

来源

2017-03-03 naz786

你不能，至少使用'@ Html.ActionLink（）' - 只生成文本内容的''标签。但是，您可以使用'@ Url.Action（）'生成url部分。例如'Cart....' –

或编写自定义帮手如果需要在项目的多个地方 –

看看这里的例子图片链接：https：//stackoverflow.com/questions/23535704/image-button-in-actionlink-mvc/23537462 ＃23537462 –

这解决它：

<a href="@Url.Action("Index", "ShoppingCart", "")" class="cart-icon fr btn btn-info" type="button"> 
      Cart <span class="badge cart-count">@Model.CartCount</span> 
    </a>

来源

2017-03-03 13:10:27 naz786

<button class="cart-icon fr btn btn-info" type="button"   
onclick="location.href='<%: Url.Action("Action", "Controller") %>'"> 
     Cart <span class="badge cart-count">@Model.CartCount</span> 
     </button>

来源

2017-03-03 11:41:34 maximelian1986

如何将一个span标签放置在一个ActionLink中并将其设计为一个按钮？

回答

相关问题