我正在尝试重用我的 handlebars 中的一些数据前端的模板。
为此,我需要将表达式之一转换为小写,并使用破折号而不是空格。这很容易做到吗?
例如,在我的 JSON 文件中,我有以下内容:
var items = [{
id: '1',
title: "Item Number One",
},
{
id: '2',
title: "Item Number Two",
},
];
在前端的 Handbars 模板上,我想这样做:
<script type="text/x-handlebars" id="items">
<h1>
{{title}}
</h1>
<img src="{{unbound title}}.png" />
</script>
这会将图像页面输出为 <img src="Item Number One.png" />
这可不行。那么有没有一种简单的方法可以将其转换为小写并删除空格?
最佳答案
制作自定义 Handlebars 助手:
Handlebars.registerHelper("noSpaces", function(input) {
var output = input.toLowerCase();
return output.replace(" ", "");
});
然后将其称为:
<img src="{{noSpaces title}}.png" />
关于javascript - 将 Handlebars 表示转换为小写和破折号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22510867/