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 小白踩坑_第1张图片

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


template.js 小白踩坑_第2张图片


template.js 小白踩坑_第3张图片

楼主引入js是用老办法

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

//自定义设置边界

template.open = ‘{{’;

template.close = ‘}}’;


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

  •         name:    val:
var data={

你可能感兴趣的:(template.js 小白踩坑)