我是Angular的新手,我知道组件模板已加载到路由器插座下方。但是,当有多个嵌套子路由时,我会感到非常困惑。我真的很难快速找出存在多个嵌套子路由时将使用哪个路由器出口。知道将使用哪个路由器插座的“诀窍”是什么?我应该了解我什么呢?也许有一种组织事物的方法,这样就可以更轻松地知道将特定组件加载到何处?
答案 0 :(得分:1)
每个router-outlet
应该与父模块路由模块相关,例如
如果我有一个app.routing.module.ts
,则将其导入,然后由app.module.ts
导入,这意味着router-outlets
内任何组件中的任何app.module.ts
都将与{{1} }
app.routing.module.ts
现在是嵌套<router-outlet></router-outlet> <-- app.routing.module.ts
在我的router-outlet
中,我有一个app.module.ts
,现在该模块(user.module.ts
)具有独立的路由,它将需要像这样user.module.ts
导入路由模块然后,如果我将user.routing.module.ts
放在router-outlet
内的任何组件中,也会使用user.module.ts
而不是user.routing.module.ts
app.routing.module.ts
最简单的思考方法是,app.component.html
<router-outlet></router-outlet> <-- app.routing.module.ts
user.component.html
<router-outlet></router-outlet> <-- user.routing.module.ts
与您的路由器插座所处的模块有关。
对于组织机构。您可以在router-outlet
旁添加评论,以使自己更轻松?
router-outlet