使用哪个路由器插座是有角度的

  • 本文关键字:插座 路由器 angular
  • 更新时间 :
  • 英文 :


我是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> 

最新更新