发表于: 2017-07-23 23:11:53
1 743
1、昨天的ng-option问题得到解决,可以在select内增加一个默认项(默认会排到第一个),前提是必须增加value属性,或者复制为空,否则还是会不显示。
<option value>--请选择--</option>
2、完成了页面静态以及部分假数据(直接使用的postman反馈的一段json文件)的渲染。
日期插件是使用的jq-ui自带,菜鸟教程有比较详细的教程,前面队友已经做好了,直接引用过来的。起始日期和结束日期是关联的,不能选择结束日期。对比官网的来看,主要有2个问题,一是不能选择今天之后的日期(选择性问题,不影响体验,看个人喜好),二是结束日期目前的转换为0点,官网则是23:59:59,这样就导致当天的数据没法查以及同一天的数据没有。可以考虑在控制器内传参时赋值或者看看插件有没有单独的设置接口,明天一起研究下。
3、页面渲染没啥说的,主要是返回参数的过滤问题。
//学历过滤
myApp.filter("changeEducation",function (aoccupationList) {
return function (res){
angular.forEach(aoccupationList.Education,function (obj){
if(obj.id===res){res=obj.name;}})
return res }})
aoccupationList.Education为常量内数据
//学历
Education:[
{"name": "大专","id": 0},
{"name": "本科","id": 1},
{"name": "硕士","id": 2},
{"name": "博士及以上","id": 3}
],
过滤器函数主要就是根据实际结果,遍历相关常数数组,匹配到相同ID值时,返回对应的name即过滤值。相比之前的swith或者if进行筛选,优点是结合常量文件,过滤器写法非常简便通用,换一个参数(aoccupationList.Education换成其他)即可应用到下一组数据过滤中。
4、分页也是直接引用的前面队友的代码,基于angular-ui-bootstrap组件。日期和分页两个插件的应用还需要在看看熟悉下。
收获:基于常量引用模式下,对数据格式筛选的通用函数定义。
困难:暂无。
计划:今日完成页面其他内容,包括搜索,url传参等。
评论