发表于： 2017-04-26 21:01:57
2 1074
今日完成：
完成了任务九，任务十表单验证完成，剩余添加富文本的内容。
明日计划：
完成富文本添加，调试任务六到十的代码以及css样式并提交。
问题：
1.第一个问题在于添加表单验证时，出了很多语法表达上的问题。
angular是根据 formName.inputFieldName.property 的格式来获取dom的属性。 我的input name：“form- tittle”。 然后一直不行，最后调试发现，不能在name中加入‘-’， 将name改为 “form_tittle”问题解决。
我在button的 ng-disable中写入：“
form.form_tittle.$invalid;
type();
form.form_text.$invalid;
form.form_url.$invalid;
img_load”
但是浏览器只识别最后一个验证条件，最后一个满足整体就验证通过。调试了很久很久，将内容改为：
form.form_tittle.$invalid||
type()||
form.form_text.$invalid||
form.form_url.$invalid||
img_load
问题解决。
2.第二个问题是上传图片出了问题。
一直提示 400 或者 500. 最后发现我有2个问题影响：
第一是会错接口的意义，盲目设置headers，其实根本不用设置，设置了反而无法上传成功。
第二是我一直上传的是经过处理的缩略图文件。。。而不是文件本身，这才是导致我出问题的最主要原因。
收获：
1.更了解表单验证的功能。
formName.inputFieldName.property 用于获取DOM中的表单属性；
未修改过的表单
formName.inputFieldName.$pristine;
修改的表单
formName.inputFieldName.$dirty
经过验证的表单
formName.inputFieldName.$valid
未通过验证的表单
formName.inputFieldName.$invalid
$error对象。它包含当前表单的所有验证内容，以及它们是否合法的信息。
formName.inputfieldName.$error
2.更熟悉了multipart/form-data； application/x-www-form-urlencoded 的区别，虽然最后没有用。
multipart/form-data； 用于上传文件时定义headers中的Content-Type。
当然是否使用，需要看后端的要求。
返回列表
评论