Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Handlebars Helpers Example</title>
- </head>
- <body>
- <h1>Handlebars Helpers Example!</h1>
- <div id="list"></div>
- <script type="text/javascript" src="libsjquery.js"></script>
- <script type="text/javascript" src="libshandlebars-0.9.0.pre.5.js"></script>
- <script type="text/javascript" src="jsdata.json"></script>
- <script type="text/javascript" src="jstemplates.js"></script>
- <script type="text/javascript" src="jscustom.js"></script>
- </body>
- </html>
- var data =
- {
- people:
- [
- { first_name: "Alan", last_name: "Johnson", phone: "1234567890", email: "alan@test.com", member_since: "Mar 25, 2011" },
- { first_name: "Allison", last_name: "House", phone: "0987654321", email: "allison@test.com", member_since: "Jan 13, 2011" },
- { first_name: "Nick", last_name: "Pettit", phone: "9836592272", email: "nick@test.com", member_since: "Apr 9, 2009" },
- { first_name: "Jim", last_name: "Hoskins", phone: "7284927150", email: "jim@test.com", member_since: "May 21, 2010" },
- { first_name: "Ryan", last_name: "Carson", phone: "8263729224", email: "ryan@test.com", member_since: "Nov 1, 2008" }
- ]
- }
- {{#each people}}
- <div class="person">
- <h2>{{first_name}} {{last_name}}</h2>
- <div class="phone">{{phone}}</div>
- <div class="email"><a href="mailto:{{email}}">{{email}}</a></div>
- <div class="since">User since {{member_since}}</div>
- </div>
- {{/each }}
- $(document).ready(function()
- {
- /*var template = Handlebars.compile($("#people-template").html());
- $('#list').html(template(data));*/
- var template = Handlebars.templates['template'];
- $('#list').html(template(data));
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement