app.component.ts

import {Component} from "@angular/core";
import {RouterConfig} from "@angular/router";
import {NS_ROUTER_DIRECTIVES, nsProvideRouter} from "nativescript-angular/router";
 
import {ListPage} from "./pages/list/list.component";
import {PokemonPage} from "./pages/pokemon/pokemon.component";
 
@Component({
    moduleId: module.id,
    selector: "my-app",
    directives: [NS_ROUTER_DIRECTIVES],
    template: `
      <StackLayout>
        <page-router-outlet></page-router-outlet>
      </StackLayout>
    `
})
export class AppComponent {
}
 
export const APP_ROUTES: RouterConfig = [
  { path: "", component: ListPage },
  { path: "pokemon/:url", component: PokemonPage  }
];
 
export const APP_ROUTER_PROVIDERS = nsProvideRouter(
  APP_ROUTES,
  { enableTracing: false }
);