mustache 模板，用于构造html页面内容。在实际工作中，当同一个模板中想要调用不同的函数来渲染画面，如果想要一些函数定义的话，就应该升级用vue了
Mustache 的模板语法很简单
{{data}}
{{#data}} {{/data}}
{{^data}} {{/data}}
{{.}}
{{举个例子
html代码
js代码
var result = jingjifenxires;
console.log(result);
$(function() {
var deptList;
var deptMap = {};
var userMap = {};
loadDeptTree();
function loadDeptTree() {
if(result) {
deptList = result.data;
var rendered = Mustache.render(deptListTemplate, {
deptList: result.data
});
$("#deptList").html(rendered);
recursiveRenderDept(result.data);
// bindDeptClick();
} else {
showMessage("加载部门列表", result.msg, false);
}
}
// 递归渲染部门树
function recursiveRenderDept(deptList) {
if(deptList && deptList.length > 0) {
$(deptList).each(function(i, dept) {
deptMap[dept.id] = dept;
if(dept.deptList.length > 0) {
var rendered = Mustache.render(deptListTemplate, {
deptList: dept.deptList
});
$("#dept_" + dept.id).append(rendered);
recursiveRenderDept(dept.deptList);
}
})
}
}
})
分享到:
