rssilva · December 16, 2015 05:39
diff --git a/index.html b/index.html
 <html xmlns="http://www.w3.org/1999/xhtml">
 	<head>
 		<title>Teste COM Templates</title>
 		<style type="text/css">
 			.employee-name {
 				list-style: none;
 			}
 
 			.employee-data {
 				list-style: none;
 			}
 		</style>
 
 		<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
 		<script type="text/javascript" src="js/underscore.js"></script>
 		<script type="text/javascript" src="js/template-test.js"></script>
 	</head>
 
 	<body>
 		<div id="content"></div>
 
 		<!-- Utilizamos laços de repetição e variáveis aqui. É importante notar
 		que nenhuma variável 'employeesListByCompany' é criada aqui. Ela vem do arquivo Javascript
 		e é passada através de uma função. Fazemos o mesmo trabalho que tínhamos feito antes,
 		com a vantagem de não precisar usar strings para os elementos como tínhamos no exemplo anterior
 
 		  -->
 		<script id="companysTemplate" type="text/html">
 	        <ul>
 	        	<% for(var i = 0, len = employeesListByCompany.length; i < len; i++) { %>
 	        		<% var company = employeesListByCompany[i]; %>
 	        		<li>
 	        			<%= company.name %>
 	        		</li>
 	        		<li class="employee-name">
 		        		<ul class="employees">
 			        		<% for(var j = 0, len2 = company.employees.length; j < len2; j++) { %>
 								<% var employee = company.employees[j]; %>
 			        			<li>
 			        				<%= employee.name %>
 			        			</li>
 			        			<li class="employee-data">
 				        			<ul >
 				        				<li><%= employee.email %></li>
 				        			</ul>
 			        			</li>
 			        		<% } %>
 		        		</ul>
 		        	</li>
 	        	<% } %>
 	        </ul>
 		</script>
 	</body>
 </html>
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title>Teste COM Templates</title>
	<style type="text/css">
	.employee-name {
	list-style: none;
	}

	.employee-data {
	list-style: none;
	}
	</style>

	<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
	<script type="text/javascript" src="js/underscore.js"></script>
	<script type="text/javascript" src="js/template-test.js"></script>
	</head>

	<body>
	<div id="content"></div>

	<!-- Utilizamos laços de repetição e variáveis aqui. É importante notar
	que nenhuma variável 'employeesListByCompany' é criada aqui. Ela vem do arquivo Javascript
	e é passada através de uma função. Fazemos o mesmo trabalho que tínhamos feito antes,
	com a vantagem de não precisar usar strings para os elementos como tínhamos no exemplo anterior

	-->
	<script id="companysTemplate" type="text/html">
	<ul>
	<% for(var i = 0, len = employeesListByCompany.length; i < len; i++) { %>
	<% var company = employeesListByCompany[i]; %>
	<li>
	<%= company.name %>
	</li>
	<li class="employee-name">
	<ul class="employees">
	<% for(var j = 0, len2 = company.employees.length; j < len2; j++) { %>
	<% var employee = company.employees[j]; %>
	<li>
	<%= employee.name %>
	</li>
	<li class="employee-data">
	<ul >
	<li><%= employee.email %></li>
	</ul>
	</li>
	<% } %>
	</ul>
	</li>
	<% } %>
	</ul>
	</script>
	</body>
	</html>