首页 > 代码库 > mustache模板简单应用
mustache模板简单应用
一。简单的对象
数据:
data=http://www.mamicode.com/{"张三",
money:29
}
模板:
Hello {{name}}
You have just won {{money}} dollars!
二。list 循环
data = http://www.mamicode.com/{"最新新闻1", autor: { name: "小小", date: "2017-6-23" }, isdel:true }, { title: "最新新闻1", autor: { name: "小小", date: "2017-6-23" }, isdel:false }, { title: "最新新闻1", isdel:true } ] } <script id="line" type="x-tmpl-mustache"> {{#list}} <div> <div>{{ title }}</div> {{#autor}} <div><span>{{name}}</span> <span>{{date}}</span></div> {{/autor}} </div> {{/list}} </script> var tpl=document.getEelementById("#line"); Mustache.parse(tpl); var rendered = Mustache.render(tpl, data); document.write(dd);
结果:
最新新闻1
小小 2017-6-23
最新新闻1
小小 2017-6-23
最新新闻1
if else 处理
{{#isdel}}<div class="btn-lg btn-blue look">查看</div>{{/isdel}} if判断 {{^isdel}}<div class="btn-lg btn-blue deal">处理</div>{{/isdel}} else判读
//采用上述data数据
结果:
最新新闻1
小小2017-6-23
查看
最新新闻1
小小2017-6-23
处理
最新新闻1
查看
mustache模板简单应用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。