时间戳

首页 > 解决方案 > 使用哪个路由器插座的角度

angular - 使用哪个路由器插座的角度

问题描述

我是 Angular 的新手，我知道组件模板加载在路由器插座下方。但是，当有多个嵌套的子路由时，我真的很困惑。当有多个嵌套的子路由时，我真的很难快速确定将使用哪个路由器插座。知道将使用哪个路由器插座的“诀窍”是什么？我不应该理解什么？也许有一种组织事物的方法，这样知道特定组件将被加载到哪里就不会那么混乱？

标签： angular

解决方案

每个都router-outlet应该与父模块路由模块相关，例如

如果我有一个app.routing.module.tsthis 是进口的，那么app.module.ts这意味着遗嘱router-outlets中的任何组件中的任何一个app.module.ts都与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让自己更容易吗？

<!-- app.router.module.ts -->
<router-oulet></router-outlet>

推荐阅读