发表于: 2020-03-24 23:27:43

1 1351


今天完成的事

1,新增编辑组件,并且添加路由导航,在列表页使用编辑功能时跳转该组件;

(1)路由导航:

(2)列表页面,通过<a>标签跳转该页面,并将选中的列表项的id使用插值语法带入url,方便编辑组件数据请求:

(3)获取url中的参数:

导入该angularAPI:

定义使用:

查看官网该API携带的属性查询url中的id:

(4)使用获取到的id发起请求获取该id对应数据:

2,新增页面成功时,使用angular设置路由跳转:

使用Router API设置路由参数跳转:

或者通过在元素中直接添加路由数组跳转:

明天计划的事

1,将获取的数据写入编辑·页面各项输入框中;

2,添加列表页面中,页面每页数据展示数据量,以及通过输入页码直接跳转对应页面;

遇到的问题

1,获取的数据没有在加载完毕后写入编辑页面各项输入框中,各项表单仅仅初始化后,表单不在获取新获取的数据设置值;

收获

1,通过url获取数据参数的方式,可以在数据较少时使用url传参更加简洁方便,复杂数据依旧需要组件通信或在服务中转托管数据的方式进行数据交换;


返回列表 返回列表
评论

    分享到