mustache的基本語法,類似數據綁定

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); } }) } } })