要将程序运行起来非常简单,加载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: '=' })