今天完成：

任务7完成。

之前使用的是ng-router，虽然功能也很强大，但是在多层试图嵌套的时候就不能很好的完成我们想要实现的效果。

而且后面的新增页面也是要嵌套路由的，这是使用ui-router会很方便。

跟ng-router差不多，都是先引用文件然后注入，剩下的就是固定写法，

var app = angular.module("bgApp",['ui.router']);
app.config(function ($stateProvider,$urlRouterProvider) {
    $urlRouterProvider.when("", "/welcome");
    $stateProvider
        .state("welcome", {
            url: "/welcome",
            templateUrl: "welcome.html"})
        .state("article-list", {
            url:"/article-list",
            templateUrl: "article-list.html",
            controller:'listCtrl' })
        .state("article-detail", {
            url:"/article-detail",
            templateUrl: "article-detail.html"})});

配置好路由然后就是要将请求的列表接口数据使用ng-repeat显示在html上。一样是使用$http的方法请求接口，在返回成功的函数里使用筛选条件删选出返回对象的数据，

明天计划：

梳理任务文件的结构。开始任务8，

遇到困难：

今天的问题出现在配置好路由之后在请求数据的时候没有任何反应，反复尝试了很多办法也没有发现问题出在哪。
后来在梳理文档结构的时候发现是文件的引入出现到了问题。因为我们使用angular编写的web应用是属于单页面的应用，这就意味着其实我们所有操作的页面都是一个页面，就是在配置路由的那个界面。之后的每个需要编辑的部分只是根据路由的指引出现在主页面ui-view区域的html文件，对每个出现在这个区域的部分分别编写不同的代码实现不同的效果，但是归根结底这些部分都是属于主页面的，所以所有的配置文件都要在这个页面引入，这样才会生效，而在每个编辑部分的html页面引入的文件是不起作用的。

收获：

真正理解了单页面应用的意义，

学会了使用ui-router和ng-repeat。