在 i18n 资源文件中使用变量

Question

大家好，

我正在使用 i18n（针对 require.js）库根据用户的语言从资源文件加载我翻译的字符串。我使用了 this 方法，因为我在我的项目中同时使用了 backbone 和 require.js。但我还想将 argument/variable 放入存储在 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 资源文件中使用变量

using variables in i18n resource files

javascript

requirejs

backbone.js

i18next