首頁猿問 template.js /...

template.js / artTemplate 模板引擎問題

JavaScript

元芳怎么了 2019-04-16 20:27:05

htmlbasic-demo{{each}}{{pinId}}{{/each}}vardata=[{"pinId":1,"userId":1},{"pinId":2,"userId":2},{"pinId":3,"userId":3},{"pinId":4,"userId":4}];varhtml=template('test',data);document.getElementById('content').innerHTML=html;這樣的json數(shù)據(jù)怎么用，必須要下面這樣嗎？htmlbasic-demo{{eachlistasval}}{{val.pinId}}{{/each}}vardata=[{"pinId":1,"userId":1},{"pinId":2,"userId":2},{"pinId":3,"userId":3},{"pinId":4,"userId":4}];vardataList={"list":data}varhtml=template('test',dataList);document.getElementById('content').innerHTML=html;

查看完整描述

2 回答

函數(shù)式編程

TA貢獻1807條經(jīng)驗獲得超9個贊

你說的這個template.js不清楚具體是哪一個模板引擎，有文檔沒？不過絕大多數(shù)的模板引擎都支持this來指向輸入的對象，比如{{eachthis}}{{/each}}，這種方式就適合你舉例中的直接返回數(shù)組的情況。不過由于我不知道你說的到底是哪個模板引擎，所以不確定是否支持這樣引用。但是，更加推薦的做法是修改一下你的數(shù)據(jù)格式，你上面的例子可以變成：javascriptvarhtml=template('test',{items:data});如此一來模板里可以這么寫了：html{{eachitemsasitem}}{{item.pinId}}
{{/each}}