今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

获取列表页接口数据

按条件获得article列表

请求方式：get 

请求地址 :/carrots-admin-ajax/a/article/search

通过ng-repeat等方法将数据渲染到页面上

明天计划的事情：（一定要写非常细致的内容） 

用ui-router替换掉ngRoute，重写路由方法

自定义angular指令

遇到的问题：（遇到什么困难，怎么解决的） 

如何使用AngularJS数据交互?

之前使用ajax来异步请求数据， AngluarJS里则使用的是$http。 

为什么首先得注入才可以使用?

什么是数据和视图的双向绑定？

双向绑定简单点说，就是将数据的变化绑定到UI, 同时UI的变化又和数据同步。这样一来你不用去管数据对UI的影响,同时也不用去管UI变化造成的数据变化,统一了数据操作的入口,非常方便维护。(不知道这样理解对不对, 望指正)

收获：（通过今天的学习，学到了什么知识）

1

$http({
   method: "get",
   url: "/carrots-admin-ajax/a/article/search",
   //请求的接口，固定格式
   params:{
       //调用函数，发送请求参数
       page:$scope.currentPage,//向服务器传发送请求的页数
       status:$scope.status,//向服务器传发送请求的状态
       type:$scope.pageType,//向服务器传发送请求的类型，前面的是固定格式
       startAt:$scope.startAt,
                      endAt:  $scope.endAt
       //这两个是向服务器请求时间
       //信息请求完全了，这些信息是大前提。
   }
}).then(function success(res) {
   $scope.IndustryActivities=
       [
           {valueIndustry:'', name:'全部'},
           {valueIndustry:1, name:'草稿'},
           {valueIndustry:2, name:'上线'}
       ];
   $scope.pageTypeActivities=
       [
           {valueType:'', name:'全部'},
           {valueType:0, name:'首页banner'},
           {valueType:1, name:'找职位banner'},
           {valueType:2, name:'找精英banner'},
           {valueType:3, name:'行业大图'}
       ];
   $scope.articleData = res.data.data.articleList;//总共有多少条数据，并且渲染进去
   allPage=res.data.data.total/10;
   //总共有多少页面，前面没有加var，这里是全局变量，下面要调用这个数据，用来判断页数总共有多少。
}));

2

<table class="table table-striped add-table-border">
   <thead>
   <tr>
       <th>ID</th>
       <th>名称</th>
       <th>类型</th>
       <th>发布时间</th>
       <th>修改时间</th>
       <th>发布者</th>
       <th>状态</th>
       <th>操作</th>
   </tr>
   </thead>
   <tbody>
   <tr ng-repeat="item in articleData track by $index">
       <td>{{$index+1}}</td>
       <td>{{ item.title }}</td>
       <td>{{ item.type|articleTypeFilter }}</td>
       <td>
           <div>{{ item.createAt|date:'yyyy-MM-dd'}}</div>
           <div>{{ item.createAt|date:'HH:mm:ss'}}</div>
       </td>
       <td>
           <div>{{ item.updateAt|date:'yyyy-MM-dd'}}</div>
           <div>{{ item.updateAt|date:'HH:mm:ss'}}</div>
       </td>
       <td>{{ item.author }}</td>
       <td>{{item.status|articleStatusFilter}}</td>
       <td>
           <a type="button" class="btn btn-sm" ng-click=" vm.changeArticleStatus(item.id,item.status)">状态</a>
           <a type="button" class="btn btn-sm" ui-sref="field.articleDetail({id:item.id})">编辑</a>
           <a type="button" class="btn btn-sm" ng-click=" vm.delArticle(item.id,$index)">删除</a>
       </td>
   </tr>
   </tbody>
</table>