javascript - ember-i18n支持多语言切换的问题
PHP中文网
PHP中文网 2017-04-10 13:12:59
0
1
667

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

PHP中文网
PHP中文网

认证高级PHP讲师

Antworte allen(1)
伊谢尔伦

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage