代码之家  ›  专栏  ›  技术社区  ›  user2739418

HandlebarJS全局计数器

  •  4
  • user2739418  · 技术社区  · 6 年前

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

    • 这是第{计数器}}行
    • 这是第{计数器}}行
    • 这是第{计数器}}行
    • 这是第{计数器}}行

    然后is应呈现为

    • 这是1号线
    • 这是2号线

    • 这是3号线

    • 这是4号线

    这可以通过把手来实现吗

    1 回复  |  直到 6 年前
        1
  •  1
  •   Gibin Ealias    6 年前

    您可以使用 HandlebarsHelper 为了实现这一点。

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

    你的车把模板是,

    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/

    希望这有帮助。