4.handlebars(registerHelper--索引一)

继续增加需求,在学生的管理列表中需要加入序号,这里用到了registerHelper这个方法。在Handlebars.js中,可以通过{{@index}}来获取当前的索引,也就是说@index这个变量就代表了当前索引。

一:引入1.引入jquery 2.引入handlebars




二:写handlebars模板

注意:因为我们要实现的需求就是给每个学生增加序号,我们要多增加一列名叫mumber。

 
    
    

三:handlebars的取值 {{变量名}},这里注意关于mumber的取值,有点蒙圈吧,往下看~

  
    
    

四:渲染数据

在这里注意看registerHelper这个方法~

 

整个页面代码:

 


    
    index-demo
    


序号 姓名 年龄 性别 分数

你可能感兴趣的:(4.handlebars(registerHelper--索引一))