Handlebars JS 全局计数器

Question

我想创建一个全局计数器，每次使用时都会被下一个值替换，例如{{Counter}} 如果我在模板中使用如下

• 这是第 {{Counter}} 行
• 这是第 {{Counter}} 行
• 这是第 {{Counter}} 行
• 这是第 {{Counter}} 行

然后应该呈现为

• 这是第 1 行

• 这是第 2 行

• 这是第 3 行

• 这是第 4 行

这可以通过handlebarJS实现吗

Answer 1

您可以使用HandlebarsHelper 来实现。

var temp = 1;
Handlebars.registerHelper('Counter', function() {
  return temp++;
});

你的 Handlebars 模板是，

This is line {{Counter}}
This is line {{Counter}}
This is line {{Counter}}
This is line {{Counter}}

哪个输出

This is line 1
This is line 2
This is line 3
This is line 4

测试使用 - http://tryhandlebarsjs.com/

希望这会有所帮助。