javascript - 如何使用 Handlebars helper 格式化驼峰式键名以包含空格？

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

数据结构如下：

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

我对此进行了类似的设置，并根据需要显示键名和值。但是，密钥以驼峰形式显示，例如：maxHealth，maxMana等。

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

谢谢你的时间。

最佳答案

查看如何create a helper in Handlebars。

处理（拍打膝盖）的惯用方式是注册一个助手，如下所示：

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

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

{{uncamelcase @key}}

关于javascript - 如何使用 Handlebars helper 格式化驼峰式键名以包含空格？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49043347/