发表于: 2020-03-23 22:37:13

1 1440


今天完成的事

1,解决新增数据请求成功,没有返回预期数据的问题;

使用了angular的API——HttpParams,转换得到的数据使得可以拼接到请求url的字符串形式;

不过官网上有关HttpParams的描述没有图中所使用方法,是从其他文章中得到的示例使用:

https://www.jianshu.com/p/42b77180cc6a

以及其他回答中使用实例的具体举例:

2,为列表页面添加了修改列表项的上线/下线的状态:

html:

ts:

3,为列表页添加删除列表项功能:

html:

ts:

明天的计划

1,页面还需要一个编辑列表项的功能,为了避免与之前的新增列表页面冲突,决定使用新组件编辑列表项,并且还要给组件添加合适的导航路由;

2,根据id获取到对应数据,并填入编辑组件中得各项输入框中,随后发起请求修改列表项;

遇到的问题

1,今天在发起上/下线状态时,也出现了请求成功,但是放回数据报错——请求参数不能为空,随后找到原因,使用json对象发送的数据,没有像FormDate表单作为数据发送时会将其中数据值填入url中一起请求;随后想到使用将参数拼接在url上的方式发起请求,随后请求与返回数据均正常;

收获

1,angular请求数据的多种方式:

经测试方式三可用,而其他的方式在数据项较多时使用更加繁琐。

而有些说明可以通过表单formDate可以添加数据发起数据请求,但是浏览文章没有找到好的示例,不能做测试使用;


返回列表 返回列表
评论

    分享到