关于 underscore 中模板引擎的应用示例
生活随笔
收集整理的這篇文章主要介紹了
关于 underscore 中模板引擎的应用示例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
//關于 underscore 中模板引擎的應用示例 <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>關于 underscore 中模板引擎的應用示例</title> </head> <body> <ul id="test"></ul> <script type="text/template" id="tpl"> <% for(var i = 0; i < list.length; i++) { %> <% var item = list[i] %> <li> <span><%=item.firstName%> <%=item.lastName%></span> <span><%-item.city%></span> </li> <% } %> </script> <script src="sea.js"></script> <script> seajs.config({ paths: { 'baiducdn': 'http://libs.baidu.com', '360cdn': 'http://libs.useso.com/', 'freecdn': 'http://libs.cncdn.cn/', 'sinacdn': 'http://lib.sinaapp.com/', }, alias: { 'jquery': 'baiducdn/jquery/2.0.3/jquery.min.js', 'backbone': 'baiducdn/backbone/0.9.2/backbone-min.js', 'underscore': 'baiducdn/underscore/1.3.3/underscore-min.js', }, }); seajs.use(['jquery', 'underscore'], function(){ var testObj = $('#test'), tpl = $('#tpl').html(); //準備數據，可以通過JSON來自服務器 var data = { list: [ {firstName: 'Li', lastName: 'Yunlong', city: '濟南'}, {firstName: 'Wang', lastName: 'Yunlong', city: '北京'}, ] }; var html = _.template(tpl, data);//解析模板 testObj.html(html); }); </script> </body> </html>
總結
以上是生活随笔為你收集整理的关于 underscore 中模板引擎的应用示例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 解决WIN7远程登录提示无法保存凭据的问
- 下一篇： 单独获取ShopEx商品类型中的扩展参数