同樣早在2014年就已經(jīng)推出,在字符解析上有著比較出色的表現(xiàn),欠缺之處在于異常調(diào)試上。由于傳統(tǒng)意義的前端模板引擎已經(jīng)變得不再流行,所以laytpl后續(xù)可能會進行重寫,目前方向暫時還沒有想好,預(yù)計會在layui比較穩(wěn)定后開始實施。
模塊加載名稱:laytpl,laytpl獨立組件官網(wǎng):laytpl.layui.com
layui.use('laytpl', function(){
var laytpl = layui.laytpl;
//使用方式跟獨立組件完全一樣
laytpl('{d.name}是一位公猿').render({
name: '賢心'
}, function(string){
console.log(string); //賢心是一位公猿
});
});
一、模版語法
輸出一個普通字段,不轉(zhuǎn)義html: { d.field }
輸出一個普通字段,并轉(zhuǎn)義html: {= d.field }
JavaScript腳本: {# JavaScript statement }
二、內(nèi)置方法
1):laytpl(template); //核心函數(shù),返回一個對象
var tpl = laytpl(template);
tpl.render(data, callback); //渲染方法,返回渲染結(jié)果,支持異步和同步兩種模式
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 - 用心與你溝通
更多建議: