【ASP.NET MVC】LinkTextにspanタグがある場合のリンクの生成方法

こんにちは、Noyです。

ある日、趣味アプリで以下のような<a>タグが必要になりました。

<a class="nav-link active" href="/Home/Search/Track">
  Track <span class="badge">120</span>
</a>

@Html.ActionLinkだとspanタグがそのまま文字列と認識されLinkTextになってしまいます。

この場合は、@Url.Actionが有効です。

<a class="nav-link @(ViewBag.option == "Track" ? "active": "")" href=@Url.Action("Search", "Home", new { option = "Track" })>
  Track <span class="badge">@ViewBag.hitCountByTrackName</span>
</a>

@Html.ActionLink は<a>タグごと生成するのに対して、 @Url.Action はリンクだけを生成します。

以上です。