javascript模板引擎artTemplate.js——template()方法
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript模板引擎artTemplate.js——template()方法相关的知识,希望对你有一定的参考价值。
template(id, data)方法:
id:必传,渲染模板的id。
data:可选,一个Object对象。
return:传data—>渲染完成html代码;不传data—>一个渲染函数。
示例一如下:
<div id="content"></div> <script src="../js/template.js" type="text/javascript" charset="utf-8"></script> <script type="text/html" id="test_tmpl"> <ul> {{each list as value i}} <li>索引 {{i + 1}} :{{value}}</li> {{/each}} </ul> </script> <script type="text/javascript"> var data = { title: "标签", list: ["文艺", "博客", "摄影", "电影", "民谣", "旅行", "吉他"] }; var html = template("test_tmpl", data); document.getElementById("content").innerHTML = html; </script>
示例二如下:
<div id="content"></div> <script src="../js/template.js" type="text/javascript" charset="utf-8"></script> <script type="text/html" id="test_tmpl"> <ul> {{each list as value i}} <li>索引 {{i + 1}} :{{value}}</li> {{/each}} </ul> </script> <script type="text/javascript"> var data = { title: "标签", list: ["文艺", "博客", "摄影", "电影", "民谣", "旅行", "吉他"] }; var html = template("test_tmpl"); document.getElementById("content").innerHTML = html(data); </script>
以上是关于javascript模板引擎artTemplate.js——template()方法的主要内容,如果未能解决你的问题,请参考以下文章