5.handlebars(registerHelper--索引二)

增加需求,一个班级人员众多,分成了很多的小组,每个小组有小组长,小组长的成员标号以组长编号开头往下顺,比如1.1、1.2这样,这样的需求怎么实现呢?怎么获父元素的索引呢?用类似{{../name}}这种语法访问父级循环中的属性,但是这样访问父级索引是不可以的,例如:{{../@index}},这样写是不正确的。

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




二:写handlebars模板

注意:1.我们要实现的需求就是给每个学生增加序号,我们要多增加一列名叫mumber。2.增加了组员数据family,要渲染出来,这里用到了{{#each family}}。


    
    

三:handlebars的取值 {{变量名}},这里注意关于组员的数据提取 {{#each family}}里面,续往下看~


    
    

四:渲染数据

在这里注意看registerHelper方法~


整个页面代码:




    
    index-demo
    


序号 姓名 年龄 性别 分数

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