当前位置：文江博客话题详情

ember-i18n支持多语言切换的问题

发布于 2022-08-28 11:17:56 字数 196 浏览 22 评论 0

我在项目中使用ember.js作为Web前端框架，由于需要支持多语言界面，所以准备使用ember-i18n来实现，不过在ember-i18n的项目说明里没找到支持多语种切换的例子，请问哪位大侠有相关经验？希望能指教一二，非常感谢！~

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

拒绝两难 2022-09-04 11:17:56

ember-i18n这个测试了一下，真的没有搞明白，以下代码修改自ember-starter-kit，使用的是i18n-js

App = Ember.Application.create();

App.Router.map(function() {
  // put your routes here
});

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return ['red', 'yellow', 'blue'];
  }
});

I18n.translations = {
  en: {
    hello: 'hello'
  },

  zh: {
    hello: '你好'
  }
};

I18n.locale = 'zh'; // 自定义方法修改local就能达到国际化效果

Ember.Handlebars.registerHelper('i18n', function(property, options) {
  var params = options.hash,
      self = this;

  // Support variable interpolation for our string
  Object.keys(params).forEach(function (key) {
    params[key] = Em.Handlebars.get(self, params[key], options);
  });

  return I18n.t(property, params);
});

<!DOCTYPE html>
  <html>
  <head>
    <meta charset="utf-8">
    <title>Ember Starter Kit</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <script type="text/x-handlebars">
      <h2>Welcome to Ember.js</h2>
      <h3>{{i18n hello}}</h3>

      {{outlet}}
    </script>

    <script type="text/x-handlebars" id="index">
      <ul>
      {{#each item in model}}
        <li>{{item}}</li>
      {{/each}}
      </ul>
    </script>

    <script src="js/libs/jquery-1.10.2.js"></script>
    <script src="js/libs/handlebars-1.1.2.js"></script>
    <script src="js/libs/ember-1.4.0.js"></script>
    <script src="js/libs/i18n.js"></script>
    <script src="js/app.js"></script>
    <!-- to activate the test runner, add the "?test" query string parameter -->
    <script src="tests/runner.js"></script>
  </body>
  </html>

代码样例地址：ember-i18n-simple
参考：i18n-in-ember

回复收藏 0

~没有更多了~