发表于: 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组的结局,我觉得我还是在复盘之前把需要掌握的知识好好弄懂,要不然坑队友实在是太难受了。
评论