为了说明Angular如何扩展了标准的html，您将会创建了一个纯粹的静态html页面，并且看到我们如何将这些html代码转换成Angular能动态展示相同结果的模板。

在这一步您将会在一个html页面中添加两部手机的基本信息。

　　·这个页面现在包含一个有两部手机的基本信息名单。

最重要的不同被列在了下面，您可以点击这里在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>

实验

　　·尝试在静态html页面中添加一些东西吧，比如：

<p>Total number of phones: 2</p>

总结

您应用中新增了静态html来展示列表，让我们进入下一步看怎样使用AngularJS动态生成相同的列表。