发表于: 2017-05-31 23:34:43
2 977
今天完成:
新增页面还差富文本编辑器就完成了。
为新增页面添加了图片上传功能,完善了表单验证的功能。
提交项按钮也可以正常点击并上传文件,
表单验证使用的是ng-messages
<span class="star" ng-messages="addForm.type.$error" ng-if="addForm.type.$touched">
<span ng-message="required">这是必选项</span>
首先要引入angular-messages.js文件,然后在注入ngMessages,就可以按照语法使用表单验证。
图片上传使用的是angular-file-upload插件,自己想用原生的自己写来着,但是自己能力不足,只能使用插件了,具体的实现原理不是很懂,至少会用了,
这段是点击上传的按钮,后面的意思是调用上传图片的函数,后面的$files是图片的信息
<input type="file" name="img" ng-file-select="onFileSelect($files)" multiple required>
显示图片预览
<img style="width: 30%" src="{{imgUrl}}">
明天计划:
添加富文本编辑器,完成新增页面,争取完成编辑页面。
遇到困难:
今天遇到的困难主要集中在图片上传上,之前也看了不少的博客,但是自己用的时候还不是很理解,
知道看了插件以后才对图片上传有了些感悟,还有表单验证也是小毛病不断,表单验证是我们在之后的工作中会经常使用到的,还需要多多练习掌握,
收获:
学会了使用图片上传插件,
学会了使用ngmessage进行表单验证。
评论