新一代 javascript 模板引擎
Posted 北漂阿猫
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了新一代 javascript 模板引擎相关的知识，希望对你有一定的参考价值。
artTemplate-3.0 新一代 javascript 模板引擎
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <script type="text/javascript" src="js/template.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <body> <script id="test" type="text/html"> <h1>{{title}}</h1> <ul> {{each list as value i}} <li>索引 {{i + 1}} ：{{value}}</li> {{/each}} </ul> </script> <script type="text/javascript"> var data = { title: ‘标签‘, list: [‘文艺‘, ‘博客‘, ‘摄影‘, ‘电影‘, ‘民谣‘, ‘旅行‘, ‘吉他‘] }; var str = template(‘test‘, data); document.body.innerHTML = str; </script> </body> </html>
输出内容
标签 索引 1 ：文艺 索引 2 ：博客 索引 3 ：摄影 索引 4 ：电影 索引 5 ：民谣 索引 6 ：旅行 索引 7 ：吉他
以上是关于新一代 javascript 模板引擎的主要内容，如果未能解决你的问题，请参考以下文章