BlazorWebAssemblyでホストされるアプリケーションがあります。私の意図は、サイトの一部にサーバーを使用し、残りのページにWebAssemblyページを使用して、オフラインで実行できるようにすることです。
サーバー側について簡単な質問があります。
私は次のものを持っています:
Pages / _Layout.cshtml
Pages / Index.cshtml
Pages / Components \ MyComponent.razor
/Pages/_Layout.cshtml
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
<link href="/lib/twitter-bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<base href="~/" />
</head>
<body>
<div>
The Layout Header
WHAT MAGIC GOES HERE TO INSERT MyComponent.razor
</div>
<div class="m-2">
@RenderBody()
</div>
<script src="_framework/blazor.server.js"></script>
</body>
</html>
/Pages/Index.cshtml
@page
@model MyApp.Server.Pages.IndexModel
@{
}
<h1>Index Page</h1>
/Pages/Components/MyComponent.razor
<h3>My Component</h3>
私の出力は次のとおりです。
レイアウトヘッダー
インデックスページ
が欲しいです:
レイアウトヘッダー
私のコンポーネント
インデックスページ
そのかみそりコンポーネントを_Layout.cshtmlページに追加するにはどうすればよいですか?
あなたの_Layout.cshtml page
はRazor Pages
ページですよね?したがって、コンポーネントのHtmlタグを使用して、RazorPagesページにBlzorコンポーネントをレンダリングできます。
<div>
The Layout Header
WHAT MAGIC GOES HERE TO INSERT MyComponent.razor
<component type="typeof(MyComponent)" render-
mode="ServerPrerendered" />
</div>
上記では、これを機能させるためにいくつかの構成を設定する必要があることに注意してください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加