RazorPagesのルートに基づいて条件付きでhtmlをレンダリングします

ニック・ミュラー

次のRazorファイルがあるとしましょう_Layout.cshtmlASP.NET Core3 +およびRazorPagesを使用する場合、コメント付きの条件を書き込むにはどうすればよいですか。

<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 PagesViewContext.RouteData.Values["page"]では、_Layoutファイルでも使用できます。URLがegの場合、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

関連記事

React Native:モーダルでの状態値の変更に基づいて条件付きコンポーネントをレンダリングします

スタイル付きコンポーネント-小道具に基づいてcssブロック全体を条件付きでレンダリングします

特定のページに基づいて、Gatsbyでコンポーネントを条件付きでどのようにレンダリングしますか?

反応のルーティングに基づいてコンポーネントを条件付きでレンダリングする

ルートに基づいてCSSを条件付きでレンダリング(React)

真または偽の小道具に基づいてコンポーネントを条件付きでレンダリングする

Javascript:キーの値に基づいて条件付きでJSONをフィルタリングしますか?

Jekyllは、JSurlパラメータに基づいてファイルを条件付きでレンダリングします

パンダは、グループのレコード数に基づいて条件付きでレコードを削除します

JestとEnzymeを使用して、ContextAPIデータに基づくコンポーネントの条件付きレンダリングをテストします

関数型コンポーネントのデータに基づいて要素を条件付きでレンダリングする

ブラウザの画面サイズに基づいてコンポーネントビューを条件付きでレンダリングする

nullを返す条件付きレンダリングを使用して、フックの状態に基づいてさまざまなコンポーネントをレンダリングする

useEffectのprevStateに基づいて条件付きで状態を設定すると、指数関数的な再レンダリングが発生します

Gatsby-configのsiteUrlプロパティを環境に基づいて条件付きでレンダリングします

Bashは条件付きでstdをリダイレクトします。冗長レベルに基づいて出力

ReactNativeの条件に基づいて要素をレンダリングします

状態に基づいてReactJSで条件付きでコンテンツをレンダリングする

vue/nuxtのssrと組み合わせて画面サイズに基づいて条件付きでhtmlを適切にレンダリングする方法

Laravel:Cookieの値に応じて条件付きでモーダルをレンダリングします

既存の列に基づいてパンダ列を作成します。別の列でグループ化された列の条件付き最小値

マップインデックスに基づいて条件付きでレンダリングするブートストラップを反応させる

PandasPythonでグループ化された列の値に基づいて条件付きフィルタリングを実行します

Reactで要素をマッピングするときに、特定のインデックスのフィールドに基づいてノードを条件付きでレンダリングするにはどうすればよいですか?

Silverstripeブログは条件に基づいてテンプレートにレンダリングします

関連するテーブルのエントリに基づいて、Googleシートの列を条件付きで合計します

ビューポートのサイズに基づいて条件付きでレンダリングする反応

react-selectで選択した値に基づいて条件付きでデータをレンダリングする方法

条件に基づいてパンダgroupbyのグループを省略します

TOP 一覧

  1. 1

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  2. 2

    Railsで宝石のレイアウトを使用するにはどうすればよいですか?

  3. 3

    Chromeウェブアプリのウェブビューの高さの問題

  4. 4

    Ansibleで複数行のシェルスクリプトを実行する方法

  5. 5

    アンドロイド9 - キーストア例外android.os.ServiceSpecificException

  6. 6

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  7. 7

    CSSのみを使用して三角形のアニメーションを作成する方法

  8. 8

    Google Playストア:アプリページにリーダーボードと実績のアイコン/バッジが表示されない

  9. 9

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  10. 10

    PyCharmリモートインタープリターはプロジェクトタブにサイトパッケージのコンテンツを表示しません

  11. 11

    Windows 7では、一部のプログラムは「ビジュアルテーマを無効にする」レジストリ設定を行いませんか?

  12. 12

    Get-ADGroupMember:このリクエストのサイズ制限を超えました

  13. 13

    Pyusb can't find a device while libusb can

  14. 14

    MySQLでJSON_LENGTHとJSON_EXTRACTを組み合わせる方法は?

  15. 15

    Postmanを使用してファイル付きの(ネストされた)jsonオブジェクトを送信する

  16. 16

    Swiftのブロックのパラメーターに関するドキュメントのマークアップ形式は何ですか?

  17. 17

    Reactでclsxを使用する方法

  18. 18

    追加後、ブートストラップマルチセレクトがテーブルで機能しない

  19. 19

    MongoDB Compass: How to select Distinct Values of a Field

  20. 20

    「埋め込みブラウザのOAuthログイン」を有効にしてコールバックURLを指定した後でも、Facebookのコールバックエラーが発生する

  21. 21

    複数行ヘッダーのJTableヘッダーテキストの折り返し(カスタムTableCellRenderer)

ホットタグ

アーカイブ