layui 模板引擎

2019-01-19 18:15 更新

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


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號