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