tbwork

本章中，我们将为手机列表中的每个手机添加缩略图以及链接。以后的步骤中我们就可以使用这些链接来展示目录中每个手机的详细信息了。 下面我们把实验代码切换到step-6分支：git checkout -f step-6如果之前你已经运行了网站，只需要刷新你的浏览器来查看最新的效果。点这里查看在线的效果。数据phones.json中存放了每个手机的ID和图片URL地址。这些URL地址指向app/img/p

同步更新自http://www.tbwood.cn/articles/2016/03/03/1456997889326.html

同步自http://www.tbwood.cn/articles/2016/03/04/1457069528183.html

同步自：http://www.tbwood.cn/articles/2016/03/07/1457322390421.html

同步自：http://www.tbwood.cn/articles/2016/03/08/1457434796630.html

本章节中，我们将为之前展示的手机信息列表提供一个排序功能。要想实现动态排序的功能，我们只需要新建一个模型属性，并且把它和循环器绑定在一起，剩下的就交给数据绑定去完成了。 相比上一章中的例子，本章中的例子多添加了一个下拉菜单，它允许用户自己控制手机列表的显示顺序。首先我们把代码切换到step-4：git checkout -f step-4刷新浏览器查看效果（假设之前你已经运行了上一章的例子）。你可

在上一章中我们为了打牢基础做了很多的工作，所以这一章我们来学一点轻松的。我们将添加为这个网站应用添加全文搜索功能（没错，会很轻松的）。另外，结束之后我们还会写一个端到端(End to end)的测试，因为它是开发人员的好帮手。它会始终帮你监视着你的应用，并且能及时检测回归。 本次页面上的改动是增加了一个搜索框。然后下面展示的手机列表信息将会随着用户输入的搜索条件改变而改变。 代码不用自己写了，直

之前几章中，我们使用的3个手机数据集都是硬编码的。下面让我们使用Angular自带的一个叫$http的service来从远程服务器上获取一个较大的数据集。我们将使用Angular的依赖注入（DI）为PhoneListCtrl控制器注入$http服务。 下面我们把代码切换到step-5：git checkout -f step-5刷新浏览器查看效果。也可以点这里在线看效果。数据项目文件中的app/p