最近在某網站看到了handlebars.js,出于好奇就百度了下這是神馬玩意,結果讓我很是歡喜,于是就開始自學下,handlebars就幾個方法,蠻簡單,言歸正傳!

以下是基本教學邏輯演示,會附完整代碼

測試案例就分為3大塊,頭、主體、尾:

<div id="header"></div><div class="contact" id="contact"></div><div id="footer"></div>

先來講講id="contact"主體有些什么內容,html代碼就不貼了,直接看下圖:

移動開發(fā)培訓,Android培訓,安卓培訓,手機開發(fā)培訓,手機維修培訓,手機軟件培訓

handlebars的模版代碼如下:

移動開發(fā)培訓,Android培訓,安卓培訓,手機開發(fā)培訓,手機維修培訓,手機軟件培訓

<script id="contact-template" type="text/x-handlebars-template">
            <div class="tit">{{transformat info}}</div>            {{#tit}}            <span class="one">{{this}}</span> {{/tit}}&
        
		

網友評論