[转载]AngularJS入门教程01:静态模板
2024-09-01 14:18:41
为了说明angularJS如何增强了标准HTML,我们先将创建一个静态HTML页面模板,然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。
在本步骤中,我们往HTML页面中添加两个手机的基本信息,用以下命令将工作目录重置到步骤1。
git checkout -f step-1
请编辑app/index.html文件,将下面的代码添加到index.html文件中,然后运行该应用查看效果。
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代码到index.html, 例如:
<p>Total number of phones: 2</p>
总结
本步骤往应用中添加了静态HTML手机列表, 现在让我们转到步骤2以了解如何使用AngularJS动态生成相同的列表。
最新文章
- 推荐几篇关于EF的好文章
- texturepacker打包图片,场景切换时背景图有黑边
- Quartus II中的Waring(转)
- 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI
- SharePoint 2013 Error - TypeError: Unable to get property &#39;replace&#39; of undefined or null reference
- 用UNIX消息队列实现IPC(以ATM为例)
- Java 中Timer和TimerTask 定时器和定时任务使用的例子
- (easy)LeetCode 223.Rectangle Area
- Android导入Cocos2D的Sample项目
- 你所不知道的五件事情--java.util.concurrent(第一部分)
- 排序之直接插入排序(Straight Insertion Sort)
- lnux内核的malloc实现(Oracle的cache buffer影子)
- delphi 10.1 Berlin 中使用自带的 MD5 校验
- WebService之soap类型的服务和rest类型的服务
- spring整合mybatis在使用.properties文件时候遇到的问题
- WebRTC 学习之 概念总结
- 框架:初识Spring
- Spring-Session实现Session共享入门教程
- how to build jdk 9 source code
- zabbix server端自动发现和zabbix agent端自动注册