L20N 在 DOM 更改后翻译 html

L20N translate html after DOM changed

我正在尝试在一个简单的基于淘汰赛的网站中实施 L20n,但我 运行 遇到了一些问题。

我的视图是动态创建的。 一旦我的 DOM 发生变化,我如何强制再次翻译 html?

这还没有在文档中,但是 L20n 使用 Mutation Observer 来对 DOM 所做的任何更改做出反应。只要您在视图代码中使用 data-l10n-id 属性,观察者就会获取 Knockout 所做的任何动态更改,并将重新翻译受影响的元素。

如果您真的需要强制重新翻译,您可以使用 translateFragment:

document.l10n.translateFragment(document.body).then(…);