发表于: 2017-07-10 22:11:38
4 826
今天做了的事:实现6-10的全部功能,学习自定义指令的一些自带属性的用途:
.directive就是自定义指令
其有两个参数,第一个就是自定义指令的名称,第二个参数是一个返回指令定义对象的函数。同controller类似,函数里面可以写入需要的依赖。
restrict:定义指令的使用方式,有(A~E五种)
compile:Compile函数主要用来在link函数运行之前进行一些DOM转化。实际上用的很少,除非完成类似ng-repeat这样大量重复克隆行为的指令。
link:link函数是负责操作DOM元素。
具体内容敬请关注明晚7点我的小课堂时间。
明天要做的事:继续学习自定义指令,将图片上传封装成指令,准备小课堂,若有时间继续封装搜索和分页。
今天遇到的问题:
1.之前一直报code:-4015是因为有如下问题
①图片url:由于图片预览我直接用的是file reader得到的base64格式图片本地地址,上传的时候也用了这个地址,那自然是读不出来的。
正确的做法是图片上传成功后返回的一个远程url链接,将这个再次提交。
②自己犯蠢,之前定义表单验证的时候设置最大长度为6,然后提交的时候随手敲一堆1进去,所以值总是传不上去。
这里可以看出,萝卜后台接口code报错-4015一般就是参数错误的问题。
2.编辑article:
这个地方需要注意PUT方法上传,然后就是兄弟们说的那个大坑咯。
接口文档上没有写createAt这一参数,但是需要从上一次请求里获取这个值然后再次提交
3.还有一些乱七八糟的问题:
比如一直以为POST必须添加请求头,但是在新增这里添加请求头“application/x-www-form-urlencoded”反而会报错。这里我的做法是类似formdata那里,定义为undefined,让浏览器自动添加请求头。
而PUT就不能定义undefined,必须添加application/x-www-form-urlencoded这个请求头。
感悟:功能总算是实现完了,开始重构了。雄关漫道真如铁啊~扎Zn了老Fe。
评论