title: Can't Route Using NativeScript
body: <p>I'm pretty new to Angular and NativeScript and am trying to make an app. I have my first page created but I can't quite figure out how to route. The page that I'm trying to route to is my <code>signInComponent</code>. Here's what I have:</p>
  
  <p>my <code>app-routing.module.ts</code>:</p>
  
  <pre><code>import { NgModule } from "@angular/core";
  import { Routes } from "@angular/router";
  import { NativeScriptRouterModule } from "nativescript-angular/router";
  
  const routes: Routes = [
      { path: "", redirectTo: "/home", pathMatch: "full" },
      { path: "home", loadChildren: "./home/home.module#HomeModule" },
      { path: "signIn", loadChildren: "./signIn/signIn.module#SignInModule" }
  
  ];
  
  @NgModule({
      imports: [NativeScriptRouterModule.forRoot(routes)],
      exports: [NativeScriptRouterModule]
  })
  export class AppRoutingModule { }
  </code></pre>
  
  <p>my button, which is in <code>home.component.html</code>:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;Button class="btn btn-primary btn-rounded-sm" style="width: 90%; height: 7%; padding: 0px; margin-top: 75%; margin-bottom: 5px; background-color: black; color: white; vertical-align: bottom;" text="Sign In" (tap)=onSignIn()&gt;&lt;/Button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>my <code>onSignIn()</code> function, which is in my <code>home.component.ts</code>:</p>
  
  <pre><code>onSignIn(): void { 
      this.router.navigate(['signIn']);
  }
  </code></pre>
  
  <p>here's my <code>signIn-routing.model.ts</code>:</p>
  
  <pre><code>import { NgModule } from "@angular/core";
  import { Routes } from "@angular/router";
  import { NativeScriptRouterModule } from "nativescript-angular/router";
  
  import { SignInComponent } from "./signIn.component";
  
  const routes: Routes = [
      { path: "", component: SignInComponent }
  ];
  
  @NgModule({
      imports: [NativeScriptRouterModule.forChild(routes)],
      exports: [NativeScriptRouterModule]
  })
  export class SignInRoutingModule { }
  </code></pre>
  
  <p>my <code>signIn.component.ts</code>:</p>
  
  <pre><code>import { Component, OnInit } from "@angular/core";
  
  @Component({
      selector: "SignIn",
      moduleId: module.id,
      templateUrl: "./signIn.component.html",
      styleUrls: ['./signIn.component.css']
  })
  export class SignInComponent implements OnInit {
      onButtonTap(): void {
          console.log("Button was pressed");
      }
  
  
      constructor() {}
  
      ngOnInit(): void {}
  }
  </code></pre>
  
  <p>and then here's my signIn.module.ts:</p>
  
  <pre><code>import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
  import { NativeScriptCommonModule } from "nativescript-angular/common";
  import { NativeScriptUISideDrawerModule } from "nativescript-ui-sidedrawer/angular";
  import { NativeScriptUIListViewModule } from "nativescript-ui-listview/angular";
  import { NativeScriptUICalendarModule } from "nativescript-ui-calendar/angular";
  import { NativeScriptUIChartModule } from "nativescript-ui-chart/angular";
  import { NativeScriptUIDataFormModule } from "nativescript-ui-dataform/angular";
  import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-ui-autocomplete/angular";
  import { NativeScriptUIGaugeModule } from "nativescript-ui-gauge/angular";
  import { NativeScriptFormsModule } from "nativescript-angular/forms";
  
  import { SignInRoutingModule } from "./signIn-routing.module";
  import { SignInComponent } from "./signIn.component";
  
  @NgModule({
      imports: [
          NativeScriptUISideDrawerModule,
          NativeScriptUIListViewModule,
          NativeScriptUICalendarModule,
          NativeScriptUIChartModule,
          NativeScriptUIDataFormModule,
          NativeScriptUIAutoCompleteTextViewModule,
          NativeScriptUIGaugeModule,
          NativeScriptCommonModule,
          SignInRoutingModule,
          NativeScriptFormsModule
      ],
      declarations: [
          SignInComponent
      ],
      schemas: [
          NO_ERRORS_SCHEMA
      ]
  })
  export class SignInModule { }
  </code></pre>
  
  <p>any help would be greatly appreciated, thanks!</p>