我是Angular的新手,我知道组件模板加载在路由器出口下面。然而,当有多个嵌套的子路由时,我真的很困惑。当有多个嵌套的子路由时,我真的很难快速确定将使用哪个路由器出口。知道将使用哪个路由器插座的"诀窍"是什么?我应该明白什么而我不明白?也许有一种方法可以组织事情,这样知道特定组件将被加载到哪里就不会那么令人困惑了吗?
每个router-outlet
都应该与父模块路由模块相关,例如
如果我有一个app.routing.module.ts
,则由app.module.ts
导入,这意味着app.module.ts
中任何组件中的任何router-outlets
都将与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
一样导入一个路由模块,如果我在user.module.ts
中的任何组件中放入router-outlet
,它将使用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
旁边,让自己更容易?
<!-- app.router.module.ts -->
<router-oulet></router-outlet>