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的鍵。