JavaScript页面模版引擎handlebars.js学习及使用

Handlebars.js是一个Javascript客户端的模板引擎（它也能用于服务器端）。它是一个Javascript库，就像你在页面中包含其他.js文件一样。有了它，在你的HTML页面内添加模板，模板会被你通过Handlebars.js函数传递的数据中的值解析或者插值。

它是怎样运行的：Handlebars.js是一个由Javascript构建的编译器，它接收任意HTML与Handlebars.js表达式并将它们编译为Javascript函数。这个派生出来的Javascript函数接着接收一个参数，一个对象 - 即你的数据 - 然后它返回一个包含HTML以及被插值在HTML中的对象属性值的字符串。因此，你最终可以得到一个对象属性值位于相应地方的字符串（HTML），你可以将这个字符串插入到页面中。

可以去官网学习 附上官网地址 

handlebars官网

• 基础用法

• 遍历数组对象 每个属性相同

//数据
programme: [{ language: "JavaScript" },{ language: "HTML" },{ language: "CSS" }],//模板{{#programme}} {{language}}{{/programme}}  

• each、if

//数据
var context = {show:false,person:[{name:'张三',age:'20'},{name:'李四',age:'22'},{name:'王五',age:'32'},{name:'小明',age:'18'}]
}
//模板

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！