如何翻译 Blazor 组件和 App.razor 中的字符串？

Question

我想本地化共享组件的字符串，例如“NavMenu.razor”或“App.razor”页面。

我设法翻译了我的页面中的内容，如general .NET Core instruction 和更多specific Blazor documentation 所述：

• 创建一个具有正确名称的资源文件（例如 PageName.de.resx）。
• 使用 @inject Microsoft.Extensions.Localization.IStringLocalizer<PageName> _l10n 将定位器注入 Razor 页面。
• 使用_l10n["Product name"] 翻译页面内的文本，并正确翻译为“产品名称”。

这种方法不适用于“NavMenu.razor”和“App.razor”。

请注意：我使用 MatBlazor UI 库中的 MatNavMenu 进行主导航。

我在任何地方都找不到它的文档。非常感谢您的帮助。

Answer 1

简单：

• 安装 Microsoft.Extensions.Localization

• 在programs.cs中

  builder.Services.AddLocalization(options => options.ResourcesPath = "Resources");
  builder.Services.AddScoped<IStringLocalizer<App>,StringLocalizer<App>>();
  

• 在您的客户项目中创建一个资源文件夹。将 resx 文件添加到 例如 App.resx 这将是您的默认资源。然后 为您希望支持的每种语言添加更多文件。应用程序.fr.resx App.es.resx 等。

然后在一个组件中注入

    @inject IStringLocalizer<App> L
    
    @L["YourText"]

本地化程序将使用浏览器语言并在我的例子中查找 App.en-AU.resx、App.en.resx、App.resx 的密钥顺序。如果没有找到，它将使用“YourText”

这是一个 blazor WASM 项目repo