DOM 改变后 L20N 翻译 html

Question

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

我的视图是动态创建的。 DOM 更改后如何强制重新翻译 html？

Answer 1

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

如果您确实需要强制重新翻译，可以使用translateFragment：

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