首页 > 其他 > 详细

[Angular Tutorial] 1-Static Template

时间:2016-05-22 15:18:26      阅读:213      评论:0      收藏:0      [点我收藏+]

为了说明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动态生成相同的列表。

 

[Angular Tutorial] 1-Static Template

原文:http://www.cnblogs.com/krischan/p/5516759.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!