2.handlebars（each使用）

在handlebars（基础一）中简单的渲染了页面，但是在真实的开发中后台给我们的数据往往是嵌套关系的，我们不止渲染一项数据，有一个列表甚至是几个列表怎么渲染呢？今天就要说说handlebars中的循环{{#each data}}

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

二：写handlebars模板

注意：在需要渲染的html外层包上script标签，1.type要写，且要写对。2.给这个模板添加一个唯一的id值，不添加会找不到。注意咯！{{#each student }}这里是循环的代码噢！意思就是说循环student 这个变量中的数据呢~，不明白不要紧待会我们一起看数据结构。

三：handlebars的取值 {{变量名}}

四：渲染数据

在这里注意看数据结构噢~

整个页面代码：

 


    
    
    



    

    

        
姓名
        
年龄
        
性别
        
分数