angular - 使用 router.navigate 导航不适用于 nativescript-tab-navigation 模板

Question

我的所有路线都已正确设置，没有出现任何错误。当第一个选项卡加载时，我会尝试根据他们是否登录自动导航到第二个选项卡。

tabs-routing.module.ts 文件:

import { NgModule } from "@angular/core";
import { Routes } from "@angular/router";
import { NativeScriptRouterModule } from "nativescript-angular/router";

import { TabsComponent } from "./tabs.component";
import { AccountComponent } from './account/account.component';
import { AuthComponent } from './account/auth/auth.component';
import { AddComponent } from './add/add.component';
import { PantryComponent } from './pantry/pantry.component';

const routes: Routes = [
    { path: "", component: TabsComponent, children: [
      {path: 'pantry', component: PantryComponent},
      {path: 'add', component: AddComponent},
      {path: 'account', component: AccountComponent, children: [
        {path: 'auth', component: AuthComponent}
      ]}
    ]},
];

@NgModule({
    imports: [NativeScriptRouterModule.forChild(routes)],
    exports: [NativeScriptRouterModule]
})
export class TabsRoutingModule { }

pantry.component.ts 文件:

import { Component, OnInit } from "@angular/core";
import { Router } from "@angular/router";
import { NativeScriptRouterModule } from "nativescript-angular/router";

require( "nativescript-localstorage" );

@Component({
    selector: "pantry",
    moduleId: module.id,
    templateUrl: "./pantry.component.html"
})
export class PantryComponent implements OnInit {

    constructor(private router : Router, private realRouter: NativeScriptRouterModule) {
        /* ***********************************************************
        * Use the constructor to inject services.
        *************************************************************/
    }

    ngOnInit(): void {
        /* ***********************************************************
        * Use the "ngOnInit" handler to initialize data for the view.
        *************************************************************/

        var loggedIn = sessionStorage.getItem('loggedIn');
        if(loggedIn == 'true'){
          console.log(loggedIn);
        }
        else{
          console.log(loggedIn);
          this.router.navigate(['/tabs/add']);
        }
    }
}

这什么都不做。为什么它不导航到 AddComponent？

Answer 1

如果你替换 this.router.navigate(['/tabs/add']) 它应该可以工作与 this.router.navigate(['/add'])