首页 > 代码库 > arttemplate.js简洁写法案例
arttemplate.js简洁写法案例
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>简介语法</title></head><body><div id="box"></div><!--**注意** 模版当中没有其他全局变量 --><!-- <% for(var i = 0 ; i < model.length ; i ++){ %> <%=model[i].name%>今年<%=model[i].age%><br> <% }; %>--><!--{{ each model as value i }} {{value.name}}今年{{value.age}}<br> {{/each}}--><script type="text/template" id="box_template"> {{ each model}} {{$index}} {{$value.name}}今年{{$value.age}}<br> {{/each}}</script><!--原生语法的js native--><script src="http://www.mamicode.com/js/template.js"></script><script src="http://www.mamicode.com/js/jquery.min.js"></script><script> /*1.准备数据*/ var dataList = [ {name:‘xgg‘,age:‘10‘}, {name:‘xgg‘,age:‘12‘}, {name:‘xgg‘,age:‘13‘}, {name:‘xgg‘,age:‘14‘}, {name:‘xgg‘,age:‘18‘} ] /*2.转化数据成html*/ var html = template(‘box_template‘,{model:dataList}); /*3.渲染*/ document.querySelector(‘#box‘).innerHTML = html;</script></body></html>
arttemplate.js简洁写法案例
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。