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动态生成相同的列表。
热门推荐
10 儿子立冬祝福语简短独特
11 对当兵的祝福语简短
12 侄儿高考试祝福语简短
13 伴郎红包祝福语朋友简短
14 媳妇生日简短祝福语朋友
15 公司年会祝福语简短最好
16 元旦感恩祝福语简短大全
17 红包祝福语简短10字
18 周六早晨祝福语简短