在线甘特图|横道图|项目管理|计划管理 zz-plan
人员、任务、进度、工时、周期、依赖关系 一目了然。无论项目大小、简单复杂都能轻松管理
Angular 教程：REST 和自定义服务
在这一步中，应用程序抓取数据的方式将会改变。
我们定义了一个代表着RESTful客户端的自定义服务。通过这个客户端我们可以用更简洁的方式向服务器发起数据请求，不再与低层次的$http接口，HTTP方法与URL等打交道
最重要的改动如下所示。你可以在GitHub上查看它与之前的代码有何区别。
依赖 🔗
RESTful功能由Angular的ngResource模块提供，该模块没有包含在Angular的核心框架中。 我们使用Bower来安装客户端的依赖。通过更
Angular 教程：REST 和自定义服务
在这一步中，应用程序抓取数据的方式将会改变。
我们定义了一个代表着RESTful客户端的自定义服务。通过这个客户端我们可以用更简洁的方式向服务器发起数据请求，不再与低层次的$http接口，HTTP方法与URL等打交道
最重要的改动如下所示。你可以在GitHub上查看它与之前的代码有何区别。
依赖 🔗
RESTful功能由Angular的ngResource模块提供，该模块没有包含在Angular的核心框架中。 我们使用Bower来安装客户端的依赖。通过更
Angular 教程：事件处理
在这一步中，你将给手机详细页面添加一个可点击的图片切换功能。
手机列表视图现在显示了一张大图与几张较小的缩略图。当我们点击任意一张缩略图的时候大图都会被其取代。
最重要的改动如下所示。你可以在GitHub上查看它与之前的代码有何区别。
控制器 🔗
app/js/controllers.js：
...
var phonecatControllers = angular.module('phonecatControllers',[]);
phonecatC
Angular 教程：事件处理
在这一步中，你将给手机详细页面添加一个可点击的图片切换功能。
手机列表视图现在显示了一张大图与几张较小的缩略图。当我们点击任意一张缩略图的时候大图都会被其取代。
最重要的改动如下所示。你可以在GitHub上查看它与之前的代码有何区别。
控制器 🔗
app/js/controllers.js：
...
var phonecatControllers = angular.module('phonecatControllers',[]);
phonecatC
Angular 教程：过滤器
在这一步中你将会学习如何创建自定义的过滤器。
在上一步中，详细页面通过显示true或者false来表示一个手机是否具有某项功能。我们将使用一个自定义的过滤器来把这些字符串转换成图标：用✓表示true，用✘表示false
最重要的改动如下所示。你可以在GitHub上查看它与之前的代码有何区别。
自定义过滤器 🔗
为了创建新的过滤器，我们创建了一个phonecatFilters模块，并且将自定义的过滤器注册在这个模块下。
app/js/filters.js：
Angular 教程：过滤器
在这一步中你将会学习如何创建自定义的过滤器。
在上一步中，详细页面通过显示true或者false来表示一个手机是否具有某项功能。我们将使用一个自定义的过滤器来把这些字符串转换成图标：用✓表示true，用✘表示false
最重要的改动如下所示。你可以在GitHub上查看它与之前的代码有何区别。
自定义过滤器 🔗
为了创建新的过滤器，我们创建了一个phonecatFilters模块，并且将自定义的过滤器注册在这个模块下。
app/js/filters.js：
Angular 教程：更多的模板
在这一步中，你将实现当用户点击手机列表中的一条记录时显示的详细视图。
当你点击列表中的一条记录时，页面会显示一个带有该记录详细信息的视图
为了实现这个目标，我们使用$http来抓取数据并刷新phone-detail.html视图模板。 最重要的改动如下所示。你可以在GitHub上查看它与之前的代码有何区别。
数据 🔗
除了phones.json以外，app/phones/目录还包含了每台手机设备详细信息的JSON文件：
app/phones/nexus-
Angular 教程：更多的模板
在这一步中，你将实现当用户点击手机列表中的一条记录时显示的详细视图。
当你点击列表中的一条记录时，页面会显示一个带有该记录详细信息的视图
为了实现这个目标，我们使用$http来抓取数据并刷新phone-detail.html视图模板。 最重要的改动如下所示。你可以在GitHub上查看它与之前的代码有何区别。
数据 🔗
除了phones.json以外，app/phones/目录还包含了每台手机设备详细信息的JSON文件：
app/phones/nexus-
Ballade: 重新诠释 Flux 架构
由于 React 的单向数据流的设计，衍生出了单向数据流的架构模式 Flux。
在 MVC 的分层架构中，Flux 属于 M 层，也就是 Model，而在 Flux 中，Store 是关键部分，Action 和 Dispatcher 都是围绕着 Store 来设计的，所以 Flux 架构模式的目标就是基于单向数据流如何更好的管理数据，在 Views 或 Controller-views 与数据之间进行解耦。
我在之前的 React 应用的架构模式 Flux 有详细的介绍过 F
Angular 教程：多页面与路由
在这一步中，你将学习如何使用布局模版以及通过Angular的ngRoute模块来给应用添加路由功能。
当你现在访问app/index.html的时候页面被重定向到了app/index.html/#/phones，并且手机列表将在此展示
当你点击其中一条手机链接的时候，浏览器将显示一个手机详细信息页面，同时URL相应地更新
最重要的改动如下所示。你可以在GitHub上查看它与之前的代码有何区别。
依赖 🔗
这一步中添加的路由功能是由Angular的ngRo