发表于: 2017-05-24 20:54:34
1 879
今日所做:
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模块
今日收获:
学习使用自定义过滤器,以及对表格的合理使用以及样式修改
评论