为了说明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动态生成相同的列表。
时间: 2024-11-06 16:48:28