[Angular Tutorial] 1-Static Template
2024-04-02 04:19:05
为了说明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动态生成相同的列表。
最新文章
- asp.net MVC excel数据导出
- svn使用
- poj3181 Dollar Dayz ——完全背包
- 转--T-SQL 总结
- Delphi文件映射
- Android开发学习之Intent具体解释
- ImageButton消除使用setImageDrawable造成的边框问题。
- ie6和ie7下z-index bug的解决办法
- 《深入浅出MySQL》之数据类型
- Flip Game poj 1753
- 如何在web.xml文件中引入其他的xml文件（拆分web.xml）
- PTA_Have fun with numbers(C++)
- 缓存算法（FIFO 、LRU、LFU三种算法的区别）
- （原）tensorflow中使用指定的GPU及GPU显存
- AtomicLong.lazySet 是如何工作的？
- vim与程序员 vi/vim 的使用
- js 实现class作为选择器
- 关于iOS设备的那些事
- 配置apache-maven-3.6.0时所遇到的坑（一）
- Java并发-多线程面试（全面）