阅读(4794)
赞(0)
layui 模板引擎
2016-10-09 12:00:03 更新
同样早在2014年就已经推出，在字符解析上有着比较出色的表现，欠缺之处在于异常调试上。由于传统意义的前端模板引擎已经变得不再流行，所以laytpl后续可能会进行重写，目前方向暂时还没有想好，预计会在layui比较稳定后开始实施。
模块加载名称：laytpl，laytpl独立组件官网：laytpl.layui.com
layui.use('laytpl', function(){
var laytpl = layui.laytpl;
//使用方式跟独立组件完全一样
laytpl('{d.name}是一位公猿').render({
name: '贤心'
}, function(string){
console.log(string); //贤心是一位公猿
});
});一、模版语法
输出一个普通字段，不转义html： { d.field }
输出一个普通字段，并转义html： {= d.field }
JavaScript脚本： {# JavaScript statement }
二、内置方法
1)：laytpl(template); //核心函数，返回一个对象
var tpl = laytpl(template);
tpl.render(data, callback); //渲染方法，返回渲染结果，支持异步和同步两种模式
a)：异步
tpl.render(data, function(result){
console.log(result);
});
b)：同步
var result = tpl.render(data);
console.log(result);
2)：laytpl.config(options); //初始化配置
options是一个对象
{open: '开始标签', close: '闭合标签'}
Layui - 用心与你沟通