发表于: 2020-03-20 22:21:30
1 1250
今天完成的事
1,完成上传图片进度即时显示的逻辑:
ts:
其中用到的filter,map方法,以及使用到的HttpEventType,HttpResponse接口在angular官网中均有详细参考;
既可以通过本地直接解析文件生成安全url预览图片,也可以通过返回的数据,解析出在服务器上图片的url预览图片;
定义逻辑需要引入的库:
请求头的必要添加,与普通请求请求头不一样:
html即时展示进度条:
参考文章:https://blog.csdn.net/qq_36279445/article/details/90403713
其他可参考方案:https://blog.csdn.net/lyqhn2012/article/details/86078556
2,为新增页面定义响应式表单;
使用表单控件分组:
绑定使用:
简单验证,表单无输入有效值时禁止点击提交表单:
明天的计划
1,添加更具体完善的表单验证;
2,整合之前的页面,让任务整体联系起来,添加之前未定义的修改,删除等功能;
遇到的问题
暂无
收获
1,今天再次学习响应式表单时发现理解起来更加容易了,与之前在登录页定义的模板驱动表单相比,拓展功能比较方便;而且也初步明白了表单验证的实际用途以及应用场景;
评论