路由时角度组件未加载

时间:2017-10-23 06:33:42

标签: javascript angular

我有一个google-login组件,可以对进入我网页的用户进行Google身份验证。登录成功后,我想将它们路由到localhost:4200/books

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

因此我无法加载app-book组件内的search-book组件。但是当我刷新时会加载它。

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

1 个答案:

答案 0 :(得分:0)

如果您的路径路径为空且没有重定向且没有子项,请使用pathMatch: 'full'

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

否则此路线将匹配任何路径。

在您的情况下移动''路径下方的'books'路径也会解决此问题,因为'books'有机会匹配。

路线的顺序很重要,因此应首先采用更具体的路线。

相关问题