ember.js hbs TextFieldView中的视图帮助器

Question

我是ember.js的新手。 我有一个自定义视图助手：

Ember.Handlebars.helper('translate', function(value, options) {
    return JoblyApp.i18n.__(value) || options.hash.def;
});

我需要在TextField中应用此帮助程序：

{{view Ember.TextField valueBinding="somevalue" placeholder="{{translate "city_or_region"}}" }}

我如何才能达到最佳效果？

Answer 1

您不能在其他车把帮手中使用车把帮手。 我可以通过扩展Ember.TextField来自动转换占位符来解决此问题。

我已经创建了这个JSBin演示 。 注意：它不会翻译，它使用伪函数仅将占位符文本大写。 用您的函数替换。

扩展输入：

JoblyApp.TranslateableTextFieldView = Ember.TextField.extend({
    didInsertElement: function(){
        for(var key in this){
            if(key.substr(0,2)==="t_"){
                var value = this.get(key);
                this.set(key.substr(2, key.length - 2), JoblyApp.i18n.__(value));
            }
        }
    }
});

用法：

{{view JoblyApp.TranslateableTextFieldView valueBinding="somevalue" t_placeholder="city_or_region"}}

注意，我使用t_作为搜索的前缀，而不是__因为Ember在其对象的私有成员上使用此键。 因此，我将避免使用此前缀来防止冲突。

Answer 2

这成功了：

App.TranslateableTextFieldView= Ember.TextField.extend({
      didInsertElement: function() {
        for (var key in this) {
            if (key.substr(0,2) == '__') {
                var keyName = key.substr(2, key.length);
                var value = this.get(key);
                this.set(keyName,App.i18n.__(value));
            }
        }
      }
    });