ASPNET Core Razor 페이지 이름을 _Layout 파일로 가져와 탐색 항목을 업데이트하십시오.

Question

부트 스트랩 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>