用户登录

打开项目里的 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 模块的路由模块里定义的。

功能模块的路由模块(RouterModule.forChild)《 Angular:路由 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点