AngularJS入门教程(一):静态模板
为了说明angularJS如何增强了标准HTML,我们先将创建一个静态HTML页面模板,然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。
在本步骤中,我们往HTML页面中添加两个手机的基本信息,用以下命令将工作目录重置到步骤1。
gitcheckout-fstep-1
请编辑app/index.html文件,将下面的代码添加到index.html文件中,然后运行该应用查看效果。
app/index.html
<ul>
<li>
<span>NexusS</span>
<p>
FastjustgotfasterwithNexusS.
</p>
</li>
<li>
<span>MotorolaXOOM™withWi-Fi</span>
<p>
TheNext,NextGenerationtablet.
</p>
</li>
</ul>
练习
尝试添加多个静态HTML代码到index.html,例如:
<p>Totalnumberofphones:2</p>
总结
本步骤往应用中添加了静态HTML手机列表,现在让我们转到步骤2以了解如何使用AngularJS动态生成相同的列表。
热门推荐
1 泰迪狗狗如何训练
3 狗狗训练图
5 狗狗训练方法
6 训练狗狗不咬人
8 敏捷训练狗狗
10 训练狗狗吃饭
11 泰迪狗狗训练
12 狗狗从多大开始训练
13 狗狗训练学校费用
14 怎么去训练狗狗
15 狗狗训练狗狗
16 狗狗训练教程
17 训练狗狗装死
18 泰迪狗狗的训练方法