I18Next和Aurelia动态翻译

Question

我有一个要与I18Next集成的aurelia应用程序，我有Aurelia集成工作，并且一切顺利，直到出现菜单。 对于普通翻译，我们仅使用html属性，例如...

<a href="somelink" i18n="link1">Link 1</a>

然后在translation.json文件中

{
  link1: "some translation here"
}

而且效果很好，可以完美翻译。 我不知道的问题是如何处理动态内容，例如我们的菜单。 我们正在做一个repeat.for来制作菜单，但是我如何告诉I18Next从translations.json文件中使用什么键呢？ 这是我的意思的简化示例。

<li repeat.for="item of router.navigation">
  <a href.bind="item.href" class="${item.isActive? 'is_active' : ''}>
    ${item.title}
  </a>
</li>

给定上面的布局，由于它是循环完成的，您怎么可能告诉I18Next用于转换的键。 我尝试了一些尝试，但都失败了。 我真的被困在这里，我需要使用translation.json文件来翻译它，但是我不知道如何告诉它用于翻译的键是“ home”，“ about”，“ contact” ，...？ 任何帮助将非常感激。 谢谢。

Answer 1

就像其他任何属性一样，您可以使用aurelia绑定到i18n属性。 使用以下语法：

<a i18n.bind="'navigation.' + item.title"></a>

I18n会在资源文件中寻找名称为navigation.[item.title] ，因此，如果item.title变量等于“ home”，它将寻找一个名为navigation.home的键。