要将程序运行起来非常简单,加载js之后,在window对象下会挂载一个新的对象--template对象,想要编译模板时只需要执行该对象的render方法
template.render('app', {
title: '例子',
print: true,
list: ['123', '222', '333', '44']
})
该方法的第一个参数为需要编译的dom对象的id,第二个对象会传入的数据,请参见demo中base.html
这里视图是指需要编译的html结构,如果需要在执行某些请求(如ajax)后更新视图,使用下面的方法
template.render('app', function($oper) {
$oper.setData({
title: '例子',
print: true,
list: ['123', '222', '333', '44']
})
setTimeout(function() {
$oper.setData({
title: '成功!',
print: true,
list: ['成功!', '成功!', '成功!']
})
}, 1000)
})
即第二个参数传入为函数形式,此时回调中会带一个对象参数,该参数有一个id属性指明了需要更新的dom ID,以及setData方法,请注意,调用此方法后视图会自动更新。
默认的标签如下:
{
openTag: '<%',
closeTag: '%>',
outTag: '='
}
需要自定义时,将新的表情作为template.render的第三个参数传入
template.render('app', {
title: '例子',
print: true,
list: ['123', '222', '333', '44']
}, {
openTag: '{{',
closeTag: '}}',
outTag: '='
})