发表于: 2017-07-08 23:37:35

0 986


今天做了的事 
1.修改好二级联动 
2.修改好编辑页面 
3.完成了上线的一半 
4.开始看一些angular机制上的知识 
明天要做的事 
1.打球! 
2.把下述问题修改好 
今天遇到的问题 
1.编辑页面跳转至新增页面富文本编辑器出问题 
之前也有提及到,编辑页面有两个方式跳到新增页面,但是出现一个问题:编辑进到新增富文本编辑器就会出问题,而新增进来就不会出问题,报错的意思是说获取不到innerHTML,百度的意思大概是js运行的时候html还没渲染完,导致找不到。但是我已经按照官方文档使用ready方法等页面全加载完成在实例化UE,但是仍然报错。实在不解之下,决定换一个富文本编辑器,大家都用的wang,那么我也改成了这个wang富文本编辑器: 
引入文件:

<script src="../plugins/wangEditor-3.0.3/release/wangEditor.js"></script>

这个富文本编辑器只需要引入这一个问件即可。你没有看错,连css都不用引入,因为这是一个用js开发的富文本编辑器!

实例化

<div id="art-explain" ng-model="art.explain"></div>
<script type="text/javascript">
   var E = window.wangEditor;
   var editor = new E('#art-explain');
   editor.create();
</script>

同样的,为了防止跟之前一样出现顺序的问题,我们实例化也放在挨着的位置好了。

这个富文本编辑器有如下的问题: 
①无法使用textarea:不知道是什么问题,这个富文本只能放在div里面,这一点官网也没有该出合理的解释,只能用div了。 
②无法直接双向绑定,双向绑定其实是可以得到值的,但是这个值不饿能直接拿来用,必须放在一个p标签里面,并通过一个自带方法来展示或者提交这个值。

$scope.art.type = response.data.data.article.type;
$scope.art.industry = response.data.data.article.industry;
editor.txt.html('<p>'+ $scope.art.explain+'</p>');
$scope.art.jump = response.data.data.article.url;
$scope.imgUrl = response.data.data.article.img;

(其他数据绑定内心O.S.:我们中出了一个叛徒)

2.二级联动的问题: 
因为无法使用返回的值进行ng-options,所以只能手写。之前我也提到过,二级联动需要一个级联的数组,然而我本想写一系列0~3的数组,然后用filter显示成汉字,但是在这个时候我才知道ng-options是不能用filter的!我又想用x as y for z in zs这样的表达式把数字和对应的汉字分着写,但是这样做就会破坏级联的格式: 
这是原本的级联格式,原代码删掉了,看个样子吧
于是只能写一个假的二级联动:

<select id="art-type" ng-model="art.type" ng-options="typo.type as typo.stage1 for typo in typo">
   <option value="" style="display:none">请选择</option>
</select>
<select ng-if="art.type === 3" ng-model="art.industry" ng-options="nat.industry as nat.stage2 for nat in nat">
   <option value="" style="display:none">请选择</option>
</select>
$scope.typo = [
   {type: 0, stage1: '首页banner'},
   {type: 1, stage1: '找职位banner'},
   {type: 2, stage1: '找精英banner'},
   {type: 3,stage1: '行业大图'}
];
$scope.nat = [
   {industry:0 ,stage2: '移动互联网'},
   {industry:1 ,stage2: '电子商务'},
   {industry:2 ,stage2: '企业服务'},
   {industry:3 ,stage2: 'O2O'},
   {industry:4 ,stage2: '教育'},
   {industry:5 ,stage2: '金融'},
   {industry:6 ,stage2: '游戏'}
];

3.立即上线: 
这个地方的同通信一直有问题,返回code不是-100000,就是-4015等等。。。试了很多种方法了,总是报错,明天试试把序列化的键值对放在url里面传过去。

感悟:看了原本是我的300kg组的结局,我觉得我还是在复盘之前把需要掌握的知识好好弄懂,要不然坑队友实在是太难受了。



返回列表 返回列表
评论

    分享到