Blazor - 可以在后面的代码中导航吗？

Question

是否可以在后面的代码中使用导航管理器导航？我有一个全局助手类，如果全局函数失败，我需要将其重定向到特定页面。这可能吗？我不太明白您是否能够在后面的代码中在 NavagationManager 上创建一个实例。或者如果这是可能的，我应该使用依赖注入来调用 naigationmanager 吗？

谢谢！

Answer 1

这个答案扩展了 Henk Holterman 的伟大 anwser，但包括一个完整的例子，因为服务起初让我感到困惑，我希望将来发现这个的人有一个完整的例子。

这是我的Index.razor页面

@page "/"

<TypeScriptTest.Components.MyComponent></TypeScriptTest.Components.MyComponent>

这是我的 MyComponent.razor：

<button @onclick="Test">
    Test
</button>

MyComponent.razor.cs ：（这也可以在 MyComponent.razor 的 @Code 块中，但使用顶部的 @inject HelperService 代替）

 public partial class MyComponent
    {
        [Inject] HelperService HelperService { get; set; }

        public void Test()
        {
            HelperService.ChangePage();
        }
    }

ConfigureServices内部Startup.cs：

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddRazorPages();
        services.AddServerSideBlazor();
        services.AddSingleton<WeatherForecastService>();
        services.AddTransient<HelperService>();
    }

最后，HelperService.cs

public class HelperService
{
    private NavigationManager _navigationManager;
    public HelperService(NavigationManager navigationManager)
    {
        _navigationManager = navigationManager;
    }

    public void ChangePage()
    {
        _navigationManager.NavigateTo("/test");
    }
}

使用此方法，您可以注入NavigationManagerHelper 的构造函数，然后将您的 Helper 转换为可以注入任何组件的服务。