<% for(var i = 0; i < things.length; i ++;) %>
<li><%= things[i] %></li>
<% end %>
The really old way...
// app.js
var element = document.querySelector('ul');
for (var i = 0; i < things.length; i++) {
var li = document.createElement('li')
var thing = document.createTextNode(things[i])
li.appendChild(thing)
element.appendChild(li)
}
<!-- index.html -->
<ul><ul>
The Angular way!!
<li ng-repeat='thing in things'> {{thing}} </li>
Built-in Directives
Directives are Angular's way of extending HTML. Angular uses directives to add functionality to HTML elements and attributes.