首页 > 代码库 > JsRender系列demo(4)-if else

JsRender系列demo(4)-if else

<!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><h3>Using {{if}} and {{else}} to render conditional sections.</h3><script type="text/x-jsrender" id="movieTemplate"><tr><td>{{>title}}</td><td>{{if languages}}Alternative languages:<em>{{>languages}}</em>{{else subtitles}}Original language only...<br />subtitles in <em>{{>subtitles}}</em>{{else}}Original version only, without subtitles.{{/if}}</td></tr></script> <script type="text/javascript">var movies = [{title: "Meet Joe Black",languages: "English and French",subtitles: "English"},{title: "Eyes Wide Shut",subtitles: "French and Spanish"},{title: "The Mighty"},{title: "City Hunter",languages: "Mandarin and Chinese"}];$("#movieList").html($("#movieTemplate").render(movies));</script>  </body></html>