[Angular Tutorial] 1-static Template

To illustrate how angular expands the standard HTML, you will create a purely static HTML page and see how we can translate these HTML code into templates that angular dynamically display.

In this step you will add the basic information of two phones in an HTML page.

• This page now contains a list of basic information for two phones.

The most important differences are listed below and you can click here to view all the differences on GitHub.

app/index.html:

<ul>  <li>    <span>nexus s</span>    <p>      Fast just got faster with Nexus S.    </p>  </li>  <li>    <span>motorola xoom™with wi-fi</span>    <p>      the next, next Generation tablet.    </p>  </li></ul>

Experiment

Try adding something to a static HTML page, such as:

<p>total Number of phones:2</p>

Summarize

You have added static HTML in your app to show the list, so let's go to the next step to see how to dynamically generate the same list using ANGULARJS.

[Angular Tutorial] 1-static Template