为翻译

时间:2016-07-12 17:27:17

标签: ember.js ember-cli ember-i18n

我正在使用ember-i18n进行翻译,我正在尝试按照ember-i18n wiki中的描述实时翻译 我不是从后端加载翻译,而是从静态文件加载它们。我已将文件lang.json放在/public/i18n/文件夹中,然后使用服务检索它们:

export default Ember.Service.extend({
  ajax: inject.service(),  // ember-ajax service
  i18n: inject.service(),

  fetch(lang) {
    if (isEmpty(lang) || !ENV.APP.languages.contains(lang)) {
      lang = "en";
    }
    let url = "http://" + window.location.host + "/i18n/" + lang + ".json";
    return new Ember.RSVP.Promise((resolve, reject) => {
      this.get("ajax").request(url, {
        type: "GET"
      }).then((json) => {
        this.get('i18n').addTranslations(lang, json);
        resolve(lang);
      }, (params) => {
        Ember.Logger.debug(params);
        reject();
      });
    });
  }
});

lang.json文件只包含json:

{
  "key.foo": "Foo",
  "key.bar": "Bar"
}

在开发中它就像一个魅力,但我在运行测试时遇到了一些问题。检索到的json包含lang.json文件的内容,但未加载到i18n服务中(例如,如果我使用-s运行测试,我到处都会看到missing translation xxx

此外,测试执行变得越来越慢,并且在10-15次测试之后它会抛出超时错误。

我做了一些不应该做的事情或者我缺少的东西吗? 感谢

我正在使用:
ember-cli:2.6.2
余烬:~2.6.0
ember-i18n:~4.2.1

1 个答案:

答案 0 :(得分:0)

仅供参考(适用于您的回购) 1)我打开tests/index.html并在下一步修改

<script src="assets/vendor.js"></script>
<!-- Next was added -->
<script>
  var translations;
  $.getJSON('/i18n/en.json').then(function(data){ translations = data; });
</script>

2)在app/mirage/config.js

export default function() {
  this.get("/i18n/:lang", function() {
    return window.translations;
  });
}

Git diff for my changes http://pastebin.com/eGwAXM77