发表于: 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,今天再次学习响应式表单时发现理解起来更加容易了,与之前在登录页定义的模板驱动表单相比,拓展功能比较方便;而且也初步明白了表单验证的实际用途以及应用场景;


返回列表 返回列表
评论

    分享到