javascript - DOM 改变后 L20N 翻译 html

Question

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

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

Answer 1

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

如果你真的需要强制重新翻译，你可以这样做translateFragment：

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