1、一个分号引发的血案，之前各种报错，乱七八糟调试了很久都没找到原因。今天仔细核对了下对码，删除多余的分号，然后瞬间阳光洒满大地，泪奔。

.config(...);  //多余分号
.controller（）{}

2、路由页面，先是用ng-route写的

/*angular.module('ngRouteExample',['ngRoute'])
    .config(['$routeProvider', function($routeProvider){
        $routeProvider
            .when('/',{templateUrl: 'Welcome.html'})
            .when('/article',{templateUrl: 'article.html',controller: 'siteCtrl'})
            .when('/new_article',{templateUrl: 'new_article.html'})
            .otherwise({redirectTo:'/'})
    }]);*/

后面看任务8要求使用ui.router，发现优势挺明显的。报错调试的时候就改用后者进行编写了。

angular.js ：为我们封装好了一个路由工具 ngRoute ,它是一种靠url改变去驱动视图.

angularUI ：也为我们封装了一个独立的路由模块 ui-router ,它是一种靠状态 state 来驱动视图.

优势:一个页面可以嵌套多个视图,多个视图去控制某一个视图等.

angular.module("ngRouteExample", ["ui.router"]) //依赖于ui.route模块
    .config(
        function($stateProvider, $urlRouterProvider){
            $urlRouterProvider.when("", "/Welcome");
            $stateProvider
            //.state("状态",{url : "URL路径", templateUrl : "html"})
                .state("Welcome",{url : "/Welcome", templateUrl : "Welcome.html"})
                .state("article",{url : "/article", templateUrl : "article.html",controller:"siteCtrl"}) //增加控制器
                .state("new2", {url : "/new2", templateUrl : "new_article.html"})
        }

3、后端数据读取

    .controller('siteCtrl', function($scope, $http) {
        $http.get("/carrots-admin-ajax/a/article/search")
            .success(function (response) {$scope.list = response.data.articleList;});
})

4、渲染到页面，部分需要增加过滤器

<tr ng-repeat="x in list" >
    <td ng-bind="$index + 1">1 </td>   //序号
    <td class="td2"><img src="{{x.img}}" </td>  //加载图片
    <td class="td1">{{x.title}}</td>
    <td class="td2">{{x.type | changeType}}</td> //自定义，后面定义
    <td class="td1">{{x.author}}</td>
    <td class="td2">{{x.createAt | date:"MM/dd/yyyy  hh:mm:ss"}}</td>  //过滤日期格式
    <td class="td2">{{x.updateAt | date:"MM/dd/yyyy  hh:mm:ss"}}</td>
    <td class="td1">{{x.status | changeStatus}}</td>  //自定义
    <td class="td3"><a>下线</a><a>编辑</a><a>操作</a></td>
</tr>

5、过滤器函数

.filter("changeType",function () {
    return function (type){
        var listType="";
        switch (type){
                       case 0:listType="首页banner";break;
            case 1:listType="找职位banner";break;
            case 2:listType="找精英banner";break;
            case 3:listType="行业大图";break;
        }
        return listType;
    }
})

收获：ui-route表达式，其他一些基础指令的学习。

计划：今天完成登陆页面ng-click的绑定传参，完成任务7。开始任务8，同时刷慕课之前的视频，看看有没有新的收获。