发表于: 2017-07-25 22:37:01

1 765


1、完成新增职位/编辑职位页面的编写,以及编辑状态下页面的渲染。

                                    

静态页面和输入框、下拉框都没有什么说的,前面刚做完。主要是复选框的样式以及匹配后渲染页面的问题。

2、职位标签是根据公司接口返回的该公司总标签列表进行渲染,需要复选的标签是根据职位接口返回的数据进行渲染。Input本身样式比较丑,根据后台框架图,使用label进行了原样式的覆盖,由于是ng-repeat渲染出来的标签列表框,不太好写for=”id”,只能对勾选框进行点击才有效。

3input标签内,由于checked属性没有判断功能(有这个代码就会直接选中),只能操作节点增减属性才行比较麻烦,使用angular自带的ng-checked= vm.checked($index)进行判定。

vm.checked=function (index){
   
var YON = false;
   
angular.forEach(vm.list,function(e){
       
if(vm.lists[index]==e){YON = true;}
    })
   
return YON;
}

使用angular.forEach遍历其中一个数组,找到与当前标签框相同的即赋值为真,最后返回。注意由于遍历forEach中不支持使用break关键字,无法直接跳出循环,所有不能直接使用return true,这里自定义了一个关键字来进行布尔值的判定。

收获:input复选框样式变更及渲染代码

困难:复选框label for id还没想到怎么实现,直接id=”$index”不行。

计划:根据已完成的部分后台接口重新核对之前页面进行渲染及传参。





返回列表 返回列表
评论

    分享到