发表于: 2017-05-31 23:34:43

2 976


今天完成:

新增页面还差富文本编辑器就完成了。

为新增页面添加了图片上传功能,完善了表单验证的功能。

提交项按钮也可以正常点击并上传文件,

表单验证使用的是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进行表单验证。


返回列表 返回列表
评论

    分享到