问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
张欣
    311
    新手上路，请多包涵

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

    javascriptember.jsi18n
    阅读 7.4k
    1 个回答
    得票最新
    头像
    张伯函
      4.3k2620
      ✓ 已被采纳

      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

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题