Static Templates

Note: If you skipped ahead to this section, click here to download a zip of the tutorial at this point.

Let's create a purely static HTML page and then examine how we can turn this HTML code into a template that Angular 1 will use to dynamically display the same result with any set of data.

Add this template HTML to client/main.html:

1.1 Add some static HTML the to main page client/main.html

<ul>

  <li>

    <span>Dubstep-Free Zone</span>

<p>

      Can we please just for an evening not listen to dubstep.

    </p>

  </li>

  <li>

    <span>All dubstep all the time</span>

<p>

      Get it on!

    </p>

  </li>

</ul>

Improve this code

Next we'll dynamically generate the same list using Angular 1.

Angular-Meteor - Socially

https://github.com/Urigo/meteor-angular-socially

Static Templates