源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

AngularJS入门教程(一):静态模板

  • 时间:2022-10-02 17:02 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:AngularJS入门教程(一):静态模板
为了说明angularJS如何增强了标准HTML,我们先将创建一个静态HTML页面模板,然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。 在本步骤中,我们往HTML页面中添加两个手机的基本信息,用以下命令将工作目录重置到步骤1。
[u]复制代码[/u] 代码如下:
git checkout -f step-1
请编辑app/index.html文件,将下面的代码添加到index.html文件中,然后运行该应用查看效果。 [b]app/index.html[/b]
[u]复制代码[/u] 代码如下:
<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>
[b]练习[/b] 尝试添加多个静态HTML代码到index.html, 例如:
[u]复制代码[/u] 代码如下:
<p>Total number of phones: 2</p>
[b]总结[/b] 本步骤往应用中添加了静态HTML手机列表, 现在让我们转到步骤2以了解如何使用AngularJS动态生成相同的列表。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部