首页 > 代码库 > JsRender系列demo-对null 和boolen类型数据的探讨
JsRender系列demo-对null 和boolen类型数据的探讨
废话不说了,直接上代码
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript" src="http://www.mamicode.com/scripts/jquery.js"></script> <script type="text/javascript" src="http://www.mamicode.com/scripts/jquery-ui.js"></script> <script type="text/javascript" src="http://www.mamicode.com/scripts/jsrender.js"></script> <link href="http://www.mamicode.com/scripts/demos.css" rel="stylesheet" /> <link href="http://www.mamicode.com/scripts/movielist.css" rel="stylesheet" /></head><body> <script type="text/html" id="userinfoTemplate"> {{for Items}} <tr><td>{{:name}}</td><td>{{:Age}}</td><td>{{:IsOpen?‘结婚‘:‘未婚‘}}</td></tr> {{/for}} <tr> </tr> </script> <table> <thead> <tr> <th>Title</th> <th>Languages</th> </tr> </thead> <tbody id="movieList"></tbody> </table> <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>婚否</th> </tr> </thead> <tbody id="userInfo"></tbody> </table></body></html><script type="text/javascript"> $(function () { var data = http://www.mamicode.com/{"刘建伟", Age: 12, IsOpen: false }, { name: "小全", Age: 13, IsOpen: true }, { name: "小刚", Age: 14, IsOpen: false }, { name: "撞墙", Age: null, IsOpen: false }, { name: null, Age: 15, IsOpen: true }, { name: "小娥", Age: 16, IsOpen: false }, { name: "小娜", Age: 17, IsOpen: false }, ] }; $("#userInfo").html($("#userinfoTemplate").render(data)); });</script>
结果显示:
JsRender系列demo-对null 和boolen类型数据的探讨
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。