打开项目里的 AppRoutingModule 模块,在这个模块里定义的路由,有一条属于 User 模块,就是这个地址是 register 的路由。跟 User 模块相关的路由可以单独放在它自己的路由模块里。
在终端给项目生成一个模块,ng generate,生成一个 module,放在 modules/user 里面,名字是 user-routing,添加一个 --module 选项,这个模块属于的模块是 user 模块,再用一个 --flat 选项,表示不把这个要生成的模块单独放在它自己的目录里面。
回到项目,剪切一下在 AppRoutingModule 里定义的这条路由,然后删除掉文件顶部导入的路由需要的组件。
找到我们刚才给 User 模块生成的路由模块,user 目录下的这个 user-routing.module.ts 。
在这个模块里定义一个 routes,它的类型是 Routes,值是一个数组,然后把刚才剪切的路由定义放在这里。选中路由对应的组件,command + . 选择导入这个模块。
Routing 模块里不需要 declarations ,模块的 imports 里面,要导入 RouterModule,用一下 forChild 方法,把路由的定义交给它。这里就是 routes。
这个模块还需要导出这个 RouterModule,添加 exports,要导出里,添加一个 RouterModule 。
预览
回到浏览器,访问一下 register 这个地址,打开的就是一个注册用户用的表单。这条路由现在我们是在 User 模块的路由模块里定义的。