发表于: 2017-05-24 20:54:34

1 878


今日所做:

1.对任务7进行完善,在请求数据的时候,状态值返回的是数值1或者2,但是渲染的

时候,需要显示出上线或草稿两个状态,这样需要在UI中渲染页面的时候使用过滤器

功能进行输入数值的判断:

addApp.filter('status', function() { //可以注入依赖
   return function(text) {
if(text==1){
return "草稿"
       }else if(text==2){
return "上线"
       }
}
});

2.在页面渲染article列表的时候,发现表格的格式还需要进行调整,比如有的td占的宽度过宽,

可以设置一下最大值,有的需要设置最小值,还有一个时间的格式设置,可以将一个td里面

设置两个div,然后年、日、月占一行,具体时间占一行

3.再对时间进行过滤的时候,不同的过滤器格式可以过滤出不同的时间:

<td >
  <div >{{item.updateAt|date:'yyyy-MM-dd'}}</div>
  <div >{{item.updateAt|date:'HH:mm:ss'}}</div>
</td>

虽然传入的数据是一样的,但是由于两行设置的过滤格式不同,最后筛出来的就不同

4.对任务7进行demo,对问题进行修改:

(1)UI页面的ID展示应该是自己去设置的数字,这需要用到一个$index属性,这是

angular里面的方法,对应的是ng-repeat中的当前数据的索引值

(2)修改命名问题

(3)在UI标签中,如果使用了过多的angular指令,则格式应该是每一个指令单占一行

5.完成任务8分页静态页面的制作

明日计划:

继续进行任务8

遇到的问题:

var app= angular.module('myApp', ['ui.router','oc.lazyLoad']);

对于这种app模块的设置,是主页面只设置一次就可以了,分页面直接设置其他的,还是每个分页面

都要单设置一次app模块

今日收获:

学习使用自定义过滤器,以及对表格的合理使用以及样式修改


返回列表 返回列表
评论

    分享到