home.component.ts

import { Component, ViewContainerRef } from "@angular/core";
import { ModalDialogService, ModalDialogOptions } from "nativescript-angular/directives/dialogs";
import { RouterExtensions } from "nativescript-angular/router";
import { EventData } from "tns-core-modules/data/observable";

import { ViewContainerRefService } from "../shared/ViewContainerRefService";
import { ModalRouterComponent } from "../modal/modal-router/modal-router.component";
import { ModalComponent } from "../modal/modal.component";
import { ModalViewComponent } from "../modal-shared/modal-view.component";
import { confirm } from "tns-core-modules/ui/dialogs";

import { AppModule } from "../app.module";

@Component({
  moduleId: module.id,
  selector: "home-page",
  templateUrl: "./home.component.html"
})
export class HomeComponent {
  constructor(
    private modal: ModalDialogService,
    private vcRef: ViewContainerRef,
    private viewContainerRefService: ViewContainerRefService,
    private routerExtension: RouterExtensions) { }
  
  onNavigateSecond() {
      this.routerExtension.navigate(["second"]);
  }

  onNavigateSecondWithOutlet() {
    this.routerExtension.navigate([ { outlets: { namedRouter:["second"] } }]);
  }
}