layui 模板引擎
2019-01-19 18:15 更新
同樣早在2014年就已經(jīng)推出，在字符解析上有著比較出色的表現(xiàn)，欠缺之處在于異常調(diào)試上。由于傳統(tǒng)意義的前端模板引擎已經(jīng)變得不再流行，所以laytpl后續(xù)可能會(huì)進(jìn)行重寫(xiě)，目前方向暫時(shí)還沒(méi)有想好，預(yù)計(jì)會(huì)在layui比較穩(wěn)定后開(kāi)始實(shí)施。
模塊加載名稱(chēng)：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); //賢心是一位公猿
});
});一、模版語(yǔ)法
輸出一個(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: '開(kāi)始標(biāo)簽', close: '閉合標(biāo)簽'}
Layui - 用心與你溝通
以上內(nèi)容是否對(duì)您有幫助：
更多建議：