AngularJS入门教程之静态模板详解

更新时间：2016年08月18日 14:51:12 作者：ZENSH

本文主要介绍AngularJS 静态模板,这里整理了相关的基础资料，会帮助大家学习基础的AngularJS的基础知识，有需要的小伙伴可以参考下

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

以上就是AngularJS的静态模版的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！

您可能感兴趣的文章:

AngularJS实用开发技巧(推荐)
Angular JS 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。接下来通过本文给大家介绍AngularJS实用开发技巧的相关资料,需要的朋友可以参考下
2016-07-07
Angular.js 实现带手柄自由调整页面大小的功能
这篇文章主要介绍了Angular.js 实现带手柄自由调整页面大小的功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2023-12-12
AngularJS变量及过滤器Filter用法分析
这篇文章主要介绍了AngularJS变量及过滤器Filter用法,结合实例形式分析了AngularJS变量、过滤器及自定义过滤器的相关用法与注意事项,需要的朋友可以参考下
2016-11-11
angular同一页面跳转重新执行的实现方法
这篇文章主要介绍了angular同一页面跳转重新执行的实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-11-11
详解angularjs获取元素以及angular.element()用法
本篇文章主要介绍了详解angularjs获取元素以及angular.element()用法，具有一定的参考价值，有兴趣的可以了解一下
2017-07-07
Angularjs之ngModel中的值验证绑定方法
今天小编就为大家分享一篇Angularjs之ngModel中的值验证绑定方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09
Angular4学习之Angular CLI的安装与使用教程
网上很多教程过时，命令在angular4中不适用等等，所以下面这篇文章主要给大家介绍了关于Angular4学习之Angular CLI的安装与使用教程的相关资料，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
2018-01-01
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
这篇文章主要介绍了 Bootstrap + AngularJS 实现简单的数据过滤字符查找功能，代码简单易懂，非常不错具有参考借鉴价值,需要的朋友可以参考下
2017-07-07
利用Angular+Angular-Ui实现分页（代码加简单）
这篇文章主要介绍了利用Angular+Angular-Ui实现分页，利用Angular+Angular-Ui实现的分页分页代码更加简单，更加容易懂哦，相信本文的内容对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
2017-03-03
Angular 数据请求的实现方法
本篇文章主要介绍了Angular 数据请求的实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-05-05