【发布时间】:2021-01-06 21:08:05
【问题描述】:
Asp.net 核心服务器端本地化有据可查并为我工作。但是如何在 Blazor webassembly 的客户端本地化 DTO 模型上的 DataAnnotations?
在服务器端,我添加了以下代码,并且 DataAnnotations 已本地化。一切都按预期进行。
...
services
.AddRazorPages() .AddViewLocalization(Microsoft.AspNetCore.Mvc.Razor.LanguageViewLocationExpanderFormat.Suffix)
.AddDataAnnotationsLocalization(
options =>
{
options.DataAnnotationLocalizerProvider = (type, factory) =>
{
return factory.Create(typeof(CommonStrings));
};
});
...
但是我如何在 Blazor 客户端(WebAssembly)上做同样的事情? 例如,我在客户端有这个模型:
public class ApplicationUserDTO
{
public string Id { get; set; }
[Required(ErrorMessage ="Field {0} is required")]
[Display(Name ="First name")]
public string FirstName { get; set; }
[Required]
[Display(Name = "Last name")]
public string LastName { get; set; }
[Required]
[Display(Name = "Email")]
public string Email { get; set; }
[Required]
[Display(Name = "Username")]
public string Username { get; set; }
}
我想通过<EditForm> 组件将其发布到后端,然后在客户端进行验证。
我还想像在 aspnet.core 服务器上一样本地化它 - 错误/验证消息和显示名称...
我尝试使用 LocalizedValidator 组件:
public class MessageValidatorBase<TValue> : ComponentBase, IDisposable
{
private FieldIdentifier _fieldIdentifier;
private EventHandler<ValidationStateChangedEventArgs> _stateChangedHandler
=> (sender, args) => StateHasChanged();
[CascadingParameter]
private EditContext EditContext { get; set; }
[Parameter]
public Expression<Func<TValue>> For { get; set; }
[Parameter]
public string Class { get; set; }
protected IEnumerable<string> ValidationMessages =>
EditContext.GetValidationMessages(_fieldIdentifier);
protected override void OnInitialized()
{
_fieldIdentifier = FieldIdentifier.Create(For);
EditContext.OnValidationStateChanged += _stateChangedHandler;
}
public void Dispose()
{
EditContext.OnValidationStateChanged -= _stateChangedHandler;
}
}
然后创建组件:
@typeparam TValue
@inherits MessageValidatorBase<TValue>
@inject StringLocalizationService _localizer
@foreach (var message in ValidationMessages)
{
<div class="@Class">
@_localizer[message]
</div>
}
但问题是我已经在这里扩展了字符串。例如,如果我有类似“需要字段 {0}”的错误消息,我会得到“需要字段名字”,因为我没有具有该键的资源并且我不打算进行本地化为每个属性名称翻译相同的错误消息...
[编辑] 我只是想知道是否有一些琐碎的事情我没有做而不是完全自己实现
【问题讨论】:
-
我认为可能有一种方法可以使用 ui 的本地化 - 使用 .resx 文件
-
@Quango 我不想接受这个答案,因为它清楚地写着“服务器端”,这是关于客户端的
-
@Darftagan 这不会有所作为
-
@Quango 以后阅读本文的人可能会感到困惑
标签: localization client blazor data-annotations webassembly