layui 模板引擎

2019-01-19 18:15 更新

同樣早在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 - 用心與你溝通


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)