为了说明AngularJS提高标准的HTML,我们首先创建一个静态HTML页面模板,然后将静态HTML页面模板为AngularJS的模板,可以动态显示。

在这一步中,我们将两个移动电话的基本信息添加到HTML页面,并使用以下命令将工作目录重置为步骤1。

复制代码代码如下所示:

git checkout F步步



请编辑应用程序/ index.html文件,将下面的代码添加到index.html文件,然后运行看效果中的应用。

应用程序/文件

复制代码代码如下所示:





Nexus S



只需快速连接。







摩托罗拉XOOM WiFi



下一代,下一代平板电脑。









实践

尝试添加一个以上的静态HTML代码文件,例如:

复制代码代码如下所示:

电话总数:2



总结

这一步添加一个列表静态HTML的手机应用,现在让我们转到步骤2如何动态地生成相同的列表使用AngularJS。