我可以查找指定页面的路线列表吗？

Question

我的代码类似于以下内容：

@page "/somepage/{Id:guid}/add"
@page "/somepage/{Id:guid}/remove"

@inject NavigationManager navigationManager
@implements IAsyncDisposable

if ( @remove ) {
    <div>Remove!</div>
} else {
    <div>Add!</div>
}

@code{
    [Parameter]
    public Guid Id { get; set; }

    protected override void OnInitialized()
    {
        navigationManager.LocationChanged += HandleLocationChanged;
    }

    public async ValueTask DisposeAsync()
    {
        navigationManager.LocationChanged -= HandleLocationChanged;
    }

    protected override async Task OnParametersSetAsync()
    {
        remove = navigationManager.Uri.Contains("remove");

        // Load some data...

        await base.OnParametersSetAsync();
    }

    private void HandleLocationChanged(object? sender, LocationChangedEventArgs e)
    {
        var pageUris = new[] {
            $"/somepage/{Id}/add",
            $"/somepage/{Id}/remove"
        };

        var uri = navigationManager.Uri.Replace( navigationManager.BaseUri, "" );

        if ( !pageUris.Contains(uri) ) return;

        remove = navigationManager.Uri.Contains("remove");

        // Load some data...

        StateHasChanged();
    }
}

在 HandleLocationChanged 事件中，我意识到如果用户单击指向完全不同页面的链接，则将为错误页面加载数据。因此，我添加了一个警卫来检查 NavigationManager.Uri - 查看它是否指向不同的位置。

有什么方法可以让这个更通用吗？例如，我可以获取特定页面的路线列表，然后将其用于比较吗？

Answer 1

您的问题询问如何替换硬编码的 pageUris 变量：

var pageUris = new[] {
    $"{navigationManager.BaseUri}somepage/add",
    $"{navigationManager.BaseUri}somepage/remove"
};

知道 @page "/foo" 会产生 [RouteAttribute("foo")] 应用于页面生成的类时，可以直接创建一个函数来替换您的代码：

private string[] GetPageUrls()
{
    return GetType().GetCustomAttributes<RouteAttribute>().Select(x => x.Template).ToArray();
}

这将为您拥有的每个 @page 指令生成一个元素，其中包含值：

"/somepage/add", "/somepage/remove"

在您的问题中，您将其与navigationManager.BaseUri 我认为这不是必需的，因为默认情况下 Blazor 应用程序会设置基本 url（即 ），但如果您希望返回该值，则更改 GetPageUrls 来合并它显然是微不足道的。

最后，如果您想在其他地方使用它，则可以直接将其转换为扩展方法。