ember.js - ハンドルバー テンプレートでローカライズされた文字列を使用するにはどうすればよいですか?

Question

次のようなビューがあったとします。

<script type="text/x-handlebars" data-template-name="say-hello">
  Hello, <b>{{name}}</b>
</script>

組み込みの Ember.String.loc() を使用して、「Hello」という単語をどのようにローカライズしますか? ドキュメント/コードに解決策がありません。

Answer 1

現在、組み込みのローカリゼーションを使用しています。

そのためには、「単純な」ビュー ヘルパーを作成します: http://gist.github.com/3093861 :

Handlebars.registerHelper('loc', function(property, fn) {
  var str;
  // we are bound to a value, it is now the context
  if (fn.contexts && typeof fn.contexts[0] === 'string') {
    str = fn.contexts[0];

  // Convention, start all localization keys with _
  } else if (property[0] === '_') {
    str = property;

  // Convention, start all globals with capital
  } else if (/[A-Z]/.test(property[0])) {
    str = Em.getPath(window, property)

  // all other's are local properties
  } else {
    str = this.getPath(property)
  }

  return new Handlebars.SafeString((str || '').loc(''));
});

// use:
// {{loc _some_string}}
// {{#bind App.someString}}{{loc App.someString}}{{/bind}}
// {{#bind view.localString}}{{loc view.localString}}{{/bind}}

しかし、これは本来あるべきほどきれいではありません。バインドされた値をどのようにラップする必要があるかに注意してください{{#bind}}

より良いオプションにまだ開いています。(バインディングをサポートするようにビュー ヘルパーを更新できると思いますが、まだ詳しく調査していません)