Skip to content

Instantly share code, notes, and snippets.

@dmgarland

dmgarland/gist:4dec6baabbdd9b986e7a

Created May 29, 2015 09:58
Show Gist options
  • Save dmgarland/4dec6baabbdd9b986e7a to your computer and use it in GitHub Desktop.
Save dmgarland/4dec6baabbdd9b986e7a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.erb
<!DOCTYPE html>
<html>
<head>
<title>Underscore example</title>
<script src="underscore.js"></script>
</head>
<body>
<div id="result"></div>
<script id="pet-template" type="text/template">
<div class="animal">
<h3><%= pet.name %></h3>
<dl>
<dt>Number of Legs</dt>
<dd><%= pet.numberOfLegs %></dd>
<dt>Breed</dt>
<dd><%= pet.breed %></dd>
</dl>
</div>
</script>
<script>
var dog = {
name: "Buddy",
numberOfLegs: 4,
breed: "Jack Russell"
};
var cat = {
name: "James",
numberOfLegs: 4,
breed: "Tabby"
}
var pets = [dog, cat];
var petHTML = document.getElementById("pet-template").innerHTML;
var petTemplate = _.template(petHTML);
_(pets).each(function(pet) {
var rendered = petTemplate({ pet: pet });
document.getElementById("result").innerHTML += rendered;
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment