RouterModule.forRoot 和 RouterModule.forChild 的区别

简介: RouterModule.forRoot 和 RouterModule.forChild 的区别

在做 Angular 开发时,遇到如下错误:image.pngimage.png

从这个StackOverflow讨论帖子里找到了原因:


该错误是因为 RouterModule.forChild() 生成的模块包含必要的指令和路由,但不包含路由服务 - routing provider. 这就是 RouterModule.forRoot 的用途:它生成一个包含必要指令、路由和路由服务的模块。


image.png


解决办法

在 app.module.ts 里调用 RouterModule.forRoot([])


image.pngimage.png


在 feature module 里调用 RouterModule.forChild 传入实际的路由数组即可:

image.pngimage.png

相关文章
|
19天前
|
前端开发
Angular module 的 forRoot 和 forChild 方法
Angular module 的 forRoot 和 forChild 方法
11 1
|
4月前
shouldComponentUpdate有什么作用
shouldComponentUpdate有什么作用
20 0
|
4月前
|
JavaScript
export default和module.exports
export default和module.exports
24 0
|
6月前
关于 Angular Lazy loaded modules 中的 providers
关于 Angular Lazy loaded modules 中的 providers
19 0
|
7月前
关于 Angular 应用 Module 的 forRoot 方法的讨论
关于 Angular 应用 Module 的 forRoot 方法的讨论
39 0
|
7月前
|
存储
Angular 应用开发里使用 ForRoot 解决 Lazy Loaded Module 里单例行为丢失的问题
Angular 应用开发里使用 ForRoot 解决 Lazy Loaded Module 里单例行为丢失的问题
28 0
|
7月前
|
网络架构
关于在 Angular 应用里重复调用 RouterModule.forRoot(ROUTES) 的讨论
关于在 Angular 应用里重复调用 RouterModule.forRoot(ROUTES) 的讨论
26 0
|
机器人
DefaultRobotHWSim::initSim函数详解
DefaultRobotHWSim::initSim函数详解
DefaultRobotHWSim::initSim函数详解
Angular NgModule里定义的注解和NgModuleRef$1运行时
Angular NgModule里定义的注解和NgModuleRef$1运行时
90 0
Angular NgModule里定义的注解和NgModuleRef$1运行时