将应用程序名称作为值添加到 Blazor 中的页面标题

Question

我想向 Blazor 应用程序中的页面标题添加自定义值。

我目前正在使用本机

<title></title>

组件，该组件除了每个页面名称之外不传递任何值。

我想要这样的页面标题约定：

应用程序名称 |页面名称

Answer 1

您可以为标题创建自定义组件。以下是您可以做到这一点的方法。

1. 使用以下代码在应用程序中创建 RazorComponent。

<title>App Name | @Title</title>

@code {
    [Parameter, EditorRequired]
    public string Title { get; set; } = "";
}

2. 然后就可以使用这个组件来设置标题了。

@page "/"
<CustomPageTitle Title="Page 1"></CustomPageTitle>

<h1>Hello World</h1>

3. 您将得到所需的结果。