在_Layout文件中獲取ASPNET Core Razor頁面名稱以更新導航項目

Question

使用Bootstrap 4並需要將活動類添加到導航項以反映當前Razor頁面（Core 2.0中新的剃鬚刀頁面）。我如何可以找出哪些網頁/控制器我，所以我可以在活動類名稱添加到正確的：

<li><a class="active">...

感謝。

Answer 1

我會用custom tag helper去活動類添加到一個元素。

我分叉Ben Cull's ActiveRouteTagHelper for MVC並修改了它的剃刀頁面並把它稱爲ActivePageTagHelper。它的用法與他類似，如下所示：

<div class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li is-active-page asp-page="/Index"><a asp-page="/Index">Home</a></li> 
     <li is-active-page asp-page="/About"><a asp-page="/About">About</a></li> 
     <li is-active-page asp-page="/Contact"><a asp-page="/Contact">Contact</a></li> 
    </ul> 
</div>