使用Nativescript中的路由自动导航

时间:2018-07-24 14:57:34

标签: angular routes nativescript

您能问我任何想法吗,如何自动导航或在FirstPageComponent中重新加载?或任何想法。我只想打开FirstPageComponent

我有这条路线。

const routes: Routes = [
  {
    path: 'home',
    component: HomeComponent,
    canActivate: [AuthGuard],
    children: [
      {
        path: 'fp', component: FirstPageComponent
      },
      {
        path: 'image', component: ImageComponent
      },
      {
        path: 'settings', component: SettingsComponent
      }
    ]
  },
  { path: 'login', component: LoginFirstComponent },
  { path: '**', redirectTo: 'home', pathMatch: 'full' },
];

在HomeComponent中,我有以下代码:

<page-router-outlet></page-router-outlet>

谢谢!

2 个答案:

答案 0 :(得分:2)

尝试

{ path: '', redirectTo: '/home/fp', pathMatch: 'full' },

我相信这会触发您的身份验证防护,因此请确保提供了正确的身份验证。

答案 1 :(得分:0)

您只需要向路由添加一个空的路径对象,如下所示:

{ path: '', redirectTo: '/home', pathMatch: 'full' },