如何导航到Nativescript中的另一个组件？

import { Routes } from "@angular/router";
import { ComponentA } from "./componentA.component";
import { ComponentB } from "./componentB.component";

export const routes: Routes = [
    { path: "componentA", component: ComponentA },
    { path: "componentB", component: ComponentB }
];

import { NgModule } from "@angular/core";
import { NativeScriptRouterModule } from "nativescript-angular/router";
import { routes } from "./app.routing";

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

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

@Component({
    selector: "app-componentA",
    templateUrl: "./componentA.component.html"
})
export class ComponentA implements OnInit {
    constructor(private router: Router) { }

    navigateToComponentB() {
        this.router.navigate(["/componentB"]);
    }
}