如何使用把手帮助器格式化驼峰键名称以获得空格？

Question

{{#each data}}
    <div>
        {{@key}} : {{this}}
    </div>
{{/each}}

看看数据结构是什么样的：

data: {
    maxHealth: Number,
    maxMana: Number,
    chanceToCrit: Number,
},

我有类似的设置，它正在显示我想要的键名和值。但是，密钥以驼峰形式显示，例如：maxHealth，maxMana等

我喜欢显示的键：最大生命值，最大法力值，暴击几率，在这种情况下，但我不会提前知道关键名称和值，它们每次都是随机的。我如何使用车把帮手为我格式化钥匙？

感谢您的时间。

Answer 1

查看如何create a helper in Handlebars。

（-slaps knee-）句柄的惯用方法这是注册帮助器，如下所示：

Handlebars.registerHelper('uncamelcase', function(str) {
    return doTheUncamelCasing(str);
});

doTheUncamelCasing是您创建的某个函数，用于将字符串从camelCaseStyle转换为camel case style。然后，在模板中使用新助手：

{{uncamelcase @key}}