布线时未加载Angular组件

Question

我有一个google-login组件，它为进入我的网页的用户做谷歌认证。登录成功后，我想将它们路由到localhost:4200/books。

当我到达/books时，它应该加载search-book组件，它的HTML也包含app-book组件。如果我只刷新页面，那么我就能够获得我的整个组件。

所以我不能加载search-book组件中的app-book组件。但是当我刷新的时候它就加载了。

对于代码：https://stackblitz.com/edit/angular-arqps6

Answer 1

如果您有一个路径为空且没有重定向和子项的路由，请使用pathMatch: 'full'

{path:'',component:GoogleLoginComponent, pathMatch: 'full'},

否则，此路由将匹配任何路径。

在本例中，将''路径移到'books'路径下也可以解决这个问题，因为这样'books'就有机会进行匹配。

路由的顺序很重要，因此更具体的路由应该放在第一位。