javascript - i18n 翻译不适用于 ember - 断言失败 : Missing translation for key

Question

我正在 ember-cli 应用程序中使用 ember-cli-i18n..

我有属性 menuItems 返回..

[{
  text: 'leftnav_nonfollower',
  route: 'nonFollowers'
}, {
  text: 'leftnav_nonfans',
  route: 'fans'
}]

在模板中我使用menuItems作为..

{{#each menuItem in navItems}}
  <li {{action 'changeRoute' menuItem }} >
    <a href="#" class='nav-circle'>
     {{t menuItem.text}}
    </a>
  </li>
{{/each}}

现在，库实用程序 t() 实际上不是寻找 leftnav_nonfollower 的翻译，而是寻找字符串 menuItem.text 的翻译>..从而给出错误断言失败:缺少键“menuItem.text”的翻译。

Answer 1

t 自动注入(inject)到 Controller 、组件、路由和模型中。

来源:https://github.com/dockyard/ember-cli-i18n#utility

那么，与其在模板中执行此操作，为什么不在形成数组时执行此操作呢？像这样的事情:

var menu = [{
 text: 'leftnav_nonfollower',
 route: 'nonFollowers'
}, {
  text: 'leftnav_nonfans',
  route: 'fans'
}]

menu = menu.map(function(item) {
  item.text = this.t(item.text);
  return item;
});

这将为您提供 key 中翻译后的文本，您可以直接在模板中使用它。