如何使用 Handlebars.js 将字段小写？

Question

我想做这样的事情：

{{user.name.toLowerCase()}}

但我收到此错误：

Error: Parse error on line X:
...tatus {{user.name.toLowerCase()}}">  
-----------------------^
Expecting 'ID', got 'undefined'

Answer 1

正如 doc 中简单解释的那样：

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

然后像这样使用它：

<h1>By {{toLowerCase author}}</h1>

Answer 2

如果您只是想在 HTML 中显示一些小写文本（无论它是否由车把生成），您可以使用 CSS 并应用 文本转换 像这样：

.css-class-here {
    text-transform: lowercase;
}

Answer 3

我创建了以下助手，但我很好奇是否有更好的解决方案。

Handlebars.registerHelper('toLowerCase', function(value) {
    if(object) {
        return new Handlebars.SafeString(value.toLowerCase());
    } else {
        return '';
    }
});

Answer 4

检查并确保它是一个字符串也没有什么坏处，如果不是，则不返回任何内容。

Handlebars.registerHelper('lowercase', function (str) {
  if(str && typeof str === "string") {
    return str.toLowerCase();
  }
  return '';
});

用途：

// now let's pass a string or variable to our helper
{{lowercase 'MY NAME IS'}}

输出：

my name is

Answer 5

@Eric 之前的回答现在似乎不起作用，我的解决方案非常相似，但在新版本的车把中，助手的定义可能发生了一些变化：

Handlebars.registerHelper('tolower', function(options) {
    return options.fn(this).toLowerCase();
});

以及在模板

<img src="/media/images/modules/{{#tolower}}{{name}}{{/tolower}}.png"...

干杯中