欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js模版引擎handlebars.js实用教程??循环中使用索引_html/css_WEB-ITnose

程序员文章站 2022-03-21 12:21:37
...
 1  2  3    4      5     关于循环中索引的使用 - by 杨元 6    7    8     

关于循环中索引的使

9 10
11 12 13 14 15 16 17 18 19 20 21 22
序号姓名性别年龄
23 24 25 26 27 28 29 30 31 32 42 43 44 80 81

序号是指:在循环过程中,当前循环的索引,说白了,就是当前为第几次循环,一般从0开始,Handlebars.js中也是如此。

有什么用呢?最常见的是在显示table的时候,给每行加一个序号,清晰的展示出页面上共有多少条记录,如上边的例子。

除此之外,小菜为了在循环中区分不同的id,恰好需要一个序号,确保id不重复,用过bootstrap的童鞋应该知道,好多事件可以通过id定位,例如Listgroup控件。

废话少说,在Handlebars.js中,可以通过{{@index}}来获取当前的索引,也就是说@index这个变量就代表了当前索引。

在上边的例子里,table的序号从0开始不太好,于是注册了一个Helper,将索引+1。