如何在作为按钮设置样式的ActionLink中放置和设置span标签?

时间:2017-03-03 11:32:41

标签: css asp.net-mvc razor

目前,我在<span>代码中包含一些带有文字和模型变量的按钮的代码如下:

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

enter image description here

我希望能够将此按钮链接到ShoppingCart控制器的Index操作。

它应该看起来像这样,但我不完全确定如何使用html帮助程序访问span标记:

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

我想确保我在按钮内部保存了CartCount的Model属性。

2 个答案:

答案 0 :(得分:1)

    <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>

答案 1 :(得分:0)

这解决了它:

    <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>