发表于: 2017-07-20 23:54:35
1 807
一、今天完成的事:
1.将编辑的上传和新增的上传整合为一个函数,根据传参判断点击是上线还是草稿;
2.添加新增列表和编辑列表字段,根据是否有id来显示当前页面是新增页面还是编辑页面;
3.获取富文本编辑器的内容发给后台,并提取后台数据渲染正常;
4.更改select框的实现方式,通过ng-options实现,数据显示正常;
5.更改之前时间获取的bug,更改后正常;
二、明天的计划:
1.添加表单验证;
三、遇到的问题:
1.测试时发现时间获取失败,不发送请求,导致无法筛选数据,查看很发现时间没有从$stateparams中获取导致,时间为空,更改后正常,并添加时间验证,结束时间不能小于等于起始时间;
2.ng-options实现的时候,发现列表显示正常,但是无法根据后台数据显示选项,师兄查看后发现是value值设置错误导致,更改为number后正常,并将select数组更改到constant中;
四、收获:
1、根据是否有id判断页面是新增还是编辑;
<strong ng-if="add">新增Article</strong>
<strong ng-if="edit">编辑Article</strong>
if ($stateParams.id == undefined) {
$scope.add = true;
$scope.edit = false;
}else {
$scope.add = false;
$scope.edit = true;
id = $stateParams.id;
2、学习了获取富文本编辑器的html标签和内容,以及怎么在富文本编辑器上显示数据正常;
$scope.src = $scope.addParams.img;
//将服务器回复的content显示在富文本编辑器中,html标签会自己转化
//将富文本编辑器中的内容获取出来,直接是带html的标签的,然后发给服务器;
$scope.addParams.content = editor.$txt.html();
3、根据ng-options实现select列表,设置默认值,并将数组单独放到一个文件中;
<select name="" class="form-control" ng-model="addParams.type" ng-options="x.value as x.text for x in type">
<option value="">请选择</option>
myApp.constant("type",[
{value: 0,text: "首页Banner"},
{value: 1,text: "找职位Banner"},
{value: 2,text: "找精英Banner"},
{value: 3,text: "行业大图"}
]
);
myApp.constant("industry",[
{value: 0,text: "移动互联网"},
{value: 1,text: "电子商务"},
{value: 2,text: "企业服务"},
{value: 3,text: "O2O"},
{value: 4,text: "教育"},
{value: 5,text: "金融"},
{value: 6,text: "游戏"}
]
);
4、更改之前时间获取的bug,更改后正常;
$scope.params.startAt = $stateParams.startAt;
$scope.params.endAt = $stateParams.endAt;
获取时间后正常
评论