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

【问题标题】：L20n - how to translate custom attribute in htm tag?L20n - 如何翻译 html 标签中的自定义属性？
【发布时间】：2016-07-14 19:52:09
【问题描述】：

我有以下html标签：

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

在翻译文件中我有：

<message placeholder:"Your message">

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

【问题讨论】：

【解决方案1】：

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

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

l20n 文件：

<validationRequiredMessage "The Message">

JavaScript：

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

【讨论】：