最近在某网站看到了handlebars.js,出于好奇就百度了下这是神马玩意,结果让我很是欢喜,于是就开始自学下,handlebars就几个方法,蛮简单,言归正传!

以下是基本教学逻辑演示,会附完整代码

测试案例就分为3大块,头、主体、尾:

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

先来讲讲id="contact"主体有些什么内容,html代码就不贴了,直接看下图:

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

handlebars的模版代码如下:

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

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

网友评论