发表于： 2020-02-22 22:39:25
1 1385
今天完成的事
1，制作新增组件页面；
2，使用postman测试接口获取数据；
3，为列表页页面和新增页面之间添加路由导航；
明天的计划
1，制作个人信息页面，并将其信息添加至路由；
2，学习部署，并尝试将项目进行部署；
3，温习有关组件，模板的关键概念；
遇到的问题
在使用路由为默认的列表页与新增页面导航时，页面布局出现了混乱，出现了两个列表页；然后仔细检查了路由配置确定无误后，后来对比分析发现再此之前为使用路由，于是将各个组件的选择器已经存在与app.component.html中，而当我再把路由出口与各个组件的选择器代码在同一文档中时，意味着组件被渲染了两份，于是重新修改默认路由中的组件导向，以及app.component.html后页面布局恢复正常；
收获
1，路由的使用以及将其模块化的思想：
https://angular.cn/guide/router#do-you-need-a-routing-module
首先在app.module.ts中添加路由信息后，然后特性化路由模块，定义一个app-routing.module.ts专门负责路由导航的功能，避免后续过程中随着应用的开发导致路由信息增多导致代码变得复杂而难以添加其他路由新功能；并且有一个单独的路由模块可以让开发人员快速定位到路由相关的信息，提高效率；
返回列表
评论