3.handlebars(if使用)

继续学生清单handlebars演示,有时候学生数据会出现数据缺失的情况,不是每一个学生都有学生name这一项,我们这边不想展示没有name属性的学生信息要怎么操作呢?这里我们用到handlebars中的if判断!

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




二:写handlebars模板

注意:{{#if name}}可以用来判断当前上下文中有没有name属性,它是尝试去读取name属性,如果返回的为undefined、null、""、[]、false任意一个,都会导致最终结果为假。

 
    
    

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

 
    
    

四:渲染数据

在这里注意看数据结构噢~ 第二组数据中没有name属性~

 

完整demo代码




    
    if-demo
    


姓名 年龄 性别 分数

你可能感兴趣的:(3.handlebars(if使用))