视图和模板 模型和控制器 测试 练习 总结 是时候给这些网页来点动态特性了——用AngularJS！我们这里为后面要加入的控制器添加了一个测试。 一个应用的代码架构有很多种。对于AngularJS应用，我们鼓励使用模型-视图-控制器（MVC）模式 解耦代码和分离关注点。考虑到这一点，我们用AngularJS来为我们的应用添加一些模型、视图和控制...

Hello World! Hello AngularJS World! AngularJS应用的解析 模板（Templates） 应用程序逻辑（Logic）和行为（Behavior） 模型数据（Data） 此外，AngularJS还提供了一些非常有用的服务特性： Hello World! 开始学习AngularJS的一个好方法是创建经典应...

学习AngularJS的规划 学习AngularJS的规划 我们已经完成了基本的准备工作，从本章开始，我们将专注于学习和应用AngularJS。 作为一个功能完整的框架，AngularJS提供了一套开发理念和方法，我们只需要掌握这套理念和方法即可明确如何实现我们需要的功能。 根据我个人的认知，我设计了如下的学习路线图： 第四章 基本语法 基...

深入学习AngularJS - Directive Directive在系统中的使用 学习Directive的路程 深入学习AngularJS - Directive 在前一章中，我们学习了AngularJS的基本用法。从本章开始，我们将学习”深入”一些的部分。 本章将介绍AngularJS的Directive。 有若干AngularJS的...

Client-side web application using AngularJS Client-side web application using AngularJS Tip The corresponding source code is in the step-9 folder of the guide repository. S...

AngularJS的第一步 在项目中安装AngularJS的基本库 建立index.html 文件 引入AngularJS的库文件 第一个程序Hello World 运行Hello World AngularJS的第一步 在前面的章节，我们已经创建好了项目，并配置好了bower工具。本章开始，我们将进入正式的学习使用AngularJS的过程...

AngularJS初始化ng-app 创建一个独立的JavaScript文件，并在HTML中引用 AngularJS的作用域 引入文件的顺序 AngularJS初始化ng-app 本节我们将学习基本的ng-app 初始化。 ng-app 可以将网页自动初始化为一个AngularJS应用，这样你才能在网页中使用各种AngularJS提供的功...

搭建学习环境 学习AngularJS的一个好方法是逐步完成本教程，它将引导您构建一个完整的AngularJS web应用程序。 该web应用是一个Android设备清单的目录列表，您可以筛选列表以便查看您感兴趣的设备，然后查看设备的详细信息。 本教程将向您展示AngularJS怎样使得web应用更智能更灵活，而且不需要各种扩展程序或插件。 通过本教...

练习 总结 为了说明angularJS如何增强了标准HTML，我们先将创建一个静态HTML页面模板，然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。 在本步骤中，我们往HTML页面中添加两个手机的基本信息，用以下命令将工作目录重置到步骤1。 git checkout - f step - 1 请编辑app/index...

代码在做什么呢？ ng-app 指令： AngularJS脚本标签： 双大括号绑定的表达式： 引导AngularJS应用 我工作目录中这些文件是干什么的？ 练习 总结 我们现在开始准备编写AngularJS应用——phonecat 。这一步骤（步骤0），您将会熟悉重要的源代码文件，学习启动包含AngularJS种子项目的开发环境，并在浏览器...