在@ Html.ActionLink中使用Bootstrap徽章

我想使用Razor @ Html.ActionLink語法創建基本引導程序button with a badge。我嘗試了以下方法：在@ Html.ActionLink中使用Bootstrap徽章

@Html.ActionLink(@Html.Raw("<span class=\"badge\">42</span>")+"System Message Here", "Index", "Message", null, new { @class = "btn btn-default" })

其中的結果爲this。我希望看到徽章圖標而不是HTML。什麼是正確的語法？提前致謝。

2015-02-06 Bannerman

你可以只使用Url.Action代替，就像這樣：

<a href="@Url.Action("Index", "Message")" class="btn btn-default"> 
    <span class="badge">42</span> System Message Here 
</a>

2015-02-06 17:21:02 mc10

這解決了我的問題。謝謝您的回答！ – Bannerman 2015-02-06 17:26:50

@Bannerman，如果你經常使用它，創建一個自定義html助手可能是一個好主意 - 比如說'@ Html.BootstrapBadgeLink（linkText，action，controller）' - 它會爲你生成這個html。 – 2015-02-07 01:35:14

@Stephen偉大的建議。我剛寫完它，並將在整個代碼中使用它。 – Bannerman 2015-02-09 04:59:21

回答