如何在MVC Razor中使用Bootstrap Badge類？

Question

如何使用Bootstrap Badge類在按鈕旁邊顯示數字？ 在這種情況下，我使用@ActionLink。 我在引導頁面上看到應該為徽標使用HTML跨度。

碼：

        <div class="row">
            <div class="col-md-2">
                <div class="list-group">
                    @Html.ActionLink("Home", "Index", "Home", null, new { @class = "list-group-item" })
                    @Html.ActionLink("Auto's", "Lijst", "Auto", null, new { @class = "list-group-item" })
                    @Html.ActionLink("Medewerkers", "Lijst", "Medewerker", null, new { @class = "list-group-item" })
 <!--This one!-->   @Html.ActionLink("Dagprogramma", "Dagprogramma", "Medewerker", null, new { @class = "list-group-item"} )
                    @Html.ActionLink("Contact", "Contact", "Home", null, new { @class = "list-group-item" })
                </div>
            </div>

Answer 1

您不能在ActionLink幫助程序方法生成的鏈接標記中包含自定義html標記。 您可以做的是編寫一個錨標記，並在其中包含跨度。 使用Url.Action方法生成與該操作方法相對應的正確url，您將用作鏈接的href屬性值。

 @Html.ActionLink("Medewerkers", "Lijst", "Medewerker", null, 
                                                   new { @class = "list-group-item" })

  <a href="@Url.Action("Dagprogramma","Medewerker")"
                class="list-group-item"> Dagprogramma <span class="badge">99</span>
  </a>
  @Html.ActionLink("Contact", "Contact", "Home", null, 
                                                       new { @class = "list-group-item" })