ÒýÈëÎļþ
<script src="../js/laytpl.js"></script>
//µÚÒ»²½£º±àдģ°æ¡£Äã¿ÉÒÔʹÓÃÒ»¸öscript±êÇ©´æ·ÅÄ£°å£¬È磺
<script id="demo" type="text/html">
<h3>{{ d.title }}</h3>
<ul>
{{# layui.each(d.list, function(index, item){ }}
<li>
<span>{{ item.modname }}</span>
<span>{{ item.alias }}£º</span>
<span>{{ item.site || '' }}</span>
</li>
{{# }); }}
{{# if(d.list.length === 0){ }}
ÎÞÊý¾Ý
{{# } }}
</ul>
</script>
//µÚ¶þ²½£º½¨Á¢ÊÓͼ¡£ÓÃÓÚ³ÊÏÖäÖȾ½á¹û¡£
<div id="view"></div>
//µÚÈý²½£ºäÖȾģ°æ
var data = { //Êý¾Ý
"title":"Layui³£ÓÃÄ£¿é"
,"list":[{"modname":"µ¯²ã","alias":"layer","site":"layer.layui.com"},{"modname":"±íµ¥","alias":"form"}]
}
var getTpl = demo.innerHTML
,view = document.getElementById('view');
laytpl(getTpl).render(data, function(html){
view.innerHTML = html;
});