template.js 小白踩坑

template.js是一款JavaScript模板引擎,用来渲染页面的。

原理:提前将Html代码放进编写模板

中,当需要渲染页面时,在js里这样调用:

1var tpl = document.getElementById('tpl').innerHTML; template(tpl, data});

template.js可以使用命令安装,也可以在git上面

下载:https://github.com/yanhaijing/template.js

文档:https://github.com/yanhaijing/template.js/blob/master/doc/api.md

template.js开始标签默认为<%,结束标签默认为%>,显示数据为<%= i %>。

(避坑百度资料都是{{aaa}}的,这个是自己设置过的,初始化的时候要<%= aaa %>)

下面是使用template.js v0.7.1版本的实验结果:



楼主引入js是用老办法

<script  src="./js/template.js" ></script>

//var template= require('./js/template.js');//同这个会包未定义,但是已经引入jq,js包了,先不管这个了

//自定义设置边界

template.open = ‘{{’;

template.close = ‘}}’;


转载参考:http://www.cnblogs.com/theWayToAce/p/7929428.html

  •         name:    val:
var data={

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容