Razor Pages의 경로를 기반으로 조건부로 html 렌더링

닉 뮬러

다음 Razor 파일이 있다고 가정해 보겠습니다 _Layout.cshtml. ASP.NET Core 3+ 및 Razor Pages를 사용할 때 주석 처리된 조건을 어떻게 작성합니까?

<ul class="navbar-nav">
    <li class="nav-item">
        <a class="nav-link" asp-page="/Index">Index</a>
    </li>

    @* If route starts with /a/, for example http://localhost/a/1.html and http://localhost/a/2/1.html *@
    <li class="nav-item">
        <a class="nav-link" asp-page="/a/Index">A</a>
    </li>

    @* If route starts with /b/, for example http://localhost/b/1.html and http://localhost/b/2/1.html *@
    <li class="nav-item">
        <a class="nav-link" asp-page="/b/Index">B</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" asp-page="/b/1/Index">B other</a>
    </li>
</ul>
피터 B

Razor Pages에서는 ViewContext.RouteData.Values["page"]_Layout 파일에서도 사용할 수 있습니다 . URL이 예인 경우 https://localhost:44359/Help/About생성 /Help/About됩니다.

코드 사용:

@{
    string page = ViewContext.RouteData.Values["page"] as string; // Values[] produces objects, so cast is needed
}

<ul class="navbar-nav">
    <li class="nav-item">
        <a class="nav-link" asp-page="/Index">Index</a>
    </li>

    @if (page.StartsWith("/a/"))
    {
        <li class="nav-item">
            <a class="nav-link" asp-page="/a/Index">A</a>
        </li>
    }

    @if (page.StartsWith("/b/"))
    {
        <li class="nav-item">
            <a class="nav-link" asp-page="/b/Index">B</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" asp-page="/b/1/Index">B other</a>
        </li>
    }
</ul>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

경로를 기반으로 CSS를 조건부로 렌더링(React)

조건부로 부모 요소 렌더링, 내부 HTML 유지

기능적 구성 요소의 데이터를 기반으로 조건부로 요소 렌더링

React의 경로명 조건부 렌더링

React JS의 조건부 렌더링 및 이미지 경로

조건부 렌더링의 소품으로 인한 Typescript 오류

조건부로 html 렌더링을 얻을 수 없습니까?

Sveltejs는 HTML 속성을 조건부로 렌더링합니다.

지도 내부의 입력을 조건부로 렌더링

조건부로 JSX 렌더링 반응

현재 구성 요소 상태를 기반으로 한 React의 조건부 렌더링

HTML의 헤드 요소 내에서 CSS 및 JavaScript를 조건부로 렌더링하는 방법

C # Razor에서 문자열을 HTML로 렌더링

선택한 옵션을 기반으로 한 양식의 조건부 렌더링 부분

반응의 라우팅을 기반으로 조건부 렌더링 구성 요소

Razor 뷰를 ASP.NET Core의 문자열로 렌더링

현재 값을 기반으로 한 HTML <input>의 조건부 스타일링

url로 정의된 Vue JS 조건부 렌더링?

p : commandButton의 제목 속성을 조건부로 렌더링

React에서 로그인 양식의 조건부 렌더링

뷰포트 크기를 기반으로 조건부 렌더링 반응

Vue : v-if를 기반으로 한 div의 조건부 렌더링, 하지만 null을 반환하는 경우 div를 표시하고 싶지 않습니다.

경로의 매개 변수를 기반으로 구성 요소 렌더링

소품을 기반으로 한 요소의 조건부 렌더링 순서는 무엇입니까?

조건부 렌더링으로 구성 요소 렌더링

런타임에 Typescript의 HTML 페이지에 조건부로 메시지 렌더링 [Angular]

innerHtml로 렌더링된 html의 ViewChild

조건부로 아이콘 렌더링

MVC를 사용하여 포함 된 Razor 변수로 동적 HTML 렌더링

TOP 리스트

  1. 1

    Matlab의 반복 Sortino 비율

  2. 2

    ImageJ-히스토그램 빈을 변경할 때 최대, 최소 값이 변경되는 이유는 무엇입니까?

  3. 3

    Excel : 합계가 N보다 크거나 같은 상위 값 찾기

  4. 4

    C #에서 'System.DBNull'형식의 개체를 'System.String'형식으로 캐스팅 할 수 없습니다.

  5. 5

    원-사각형 충돌의 충돌 측면을 찾는 문제

  6. 6

    Oracle VirtualBox-설치를 위해 게스트를 부팅 할 때 호스트 시스템이 충돌 함

  7. 7

    어떻게 아무리 "나쁜", ANY의 SSL 인증서와 HttpClient를 사용하지합니다

  8. 8

    Ubuntu는 GUI에서 암호로 사용자를 만듭니다.

  9. 9

    잘못된 상태 예외를 발생시키는 Apache PoolingHttpClientConnectionManager

  10. 10

    Python 사전을 사용하는 동안 "ValueError : could not convert string to float :"발생

  11. 11

    openCV python을 사용하여 텍스트 문서에서 워터 마크를 제거하는 방법은 무엇입니까?

  12. 12

    Vuetify 다중 선택 구성 요소에서 클릭 한 항목의 값 가져 오기

  13. 13

    C ++ VSCode에서 같은 줄에 중괄호 서식 지정

  14. 14

    Cassandra에서 버전이 지정된 계층의 효율적인 모델링

  15. 15

    JQuery datepicker 기능이 인식되지 않거나 새 프로젝트에서 작동하지 않음

  16. 16

    cuda 11.1에서 Pytorch를 사용할 때 PyTorch가 작동하지 않음: Dataloader

  17. 17

    jfreecharts에서 x 및 y 축 선을 조정하는 방법

  18. 18

    상황에 맞는 메뉴 색상

  19. 19

    마우스 휠 JQuery 이벤트 핸들러에 대한 방향 가져 오기

  20. 20

    매개 변수에서 쿼리 객체를 선언하는 방법은 무엇입니까?

  21. 21

    Maven은 아이 프로젝트 대상 폴더를 청소하지

뜨겁다태그

보관