html - L20n - 如何翻译 htm 标签中的自定义属性？

Question

我有以下 html 标签：

<input type="text" data-l10n-id="message" data-validation-required-message="My message">

在翻译文件中，我有：

<message placeholder:"Your message">

占位符属性有效，但我不知道如何翻译 data-validation-required-message 属性的内容

Answer 1

它似乎只适用于标准属性。

我能提出的唯一解决方案是通过 JavaScript 手动设置属性翻译。例子：

l20n 文件：

<validationRequiredMessage "The Message">

JavaScript：

document.l10n.formatValue( "validationRequiredMessage" ).then( ( t ) =>
    document.querySelector( "input" ).dataset.validationRequiredMessage = t
)