Question

大家好，

我正在使用i18n（for require.js）库根据用户的语言从资源文件加载我翻译的字符串。我使用this方法，因为我在我的项目中使用了backbone和require.js。但我还想将一个参数/变量放到存储在i18n资源文件中的字符串中。

假设这是i18n资源文件

define({
    'root': {
        'options': {
            'test': 'Yellow {variable.x}'
        }
    },
    "en-us": true
});

现在我不确定是否有可能传递一个参数来评估资源文件中的变量。

define(['underscore', 'backbone', 'models/model', 'templates/template' , 'i18n!nls/resource'], function ( _, Backbone, tModel, template, resource) {
    var TooltipView = Backbone.View.extend({
        el : $('#test'),

        initialize: function(options){
            this.model = new tModel();
        },

        render: function(){
            var $el = this.$el;
                if(template.length != 0){
                    var compiledTemplate = template['test']( resource, { variable: "14"} ) /// loads pre-compiled template ///          
                    $el.html(compiledTemplate);
                }else{
                    console.log(" [e] No template found. ");
                }
            });
        }
    });

    return TooltipView;
});

我想实现这个输出：

<h1> Yellow 14 </h1>

Answer 1

正如@Evgeniy建议的那样，我应该在这种情况下使用 sprintf 库。

解决方案：

模板：

<span> <%= sprintf( data.text, data.id ) %>  </span>

资源文件：

define({
    'root': {
        'options': {
            'test': 'Yellow %i'
        }
    },
    "en-us": true
});

然后在视野中我需要改变这个：

define(['underscore', 'backbone', 'models/model', 'templates/template' , 'i18n!nls/resource', 'sprintf'], function ( _, Backbone, tModel, template, resource, s_utils) {
...
..
var data = _.extend( resource, { id: 11 } , s_utils );  // this enabled me to use the sprintf function in my template file. 
var compiledTemplate = template['test']( data ) /// loads pre-compiled template ///          
                    $el.html(compiledTemplate);

..
    return TooltipView;
});

在i18n资源文件中使用变量

1 个答案: