TypeScript router.nsProvideRouter函數代碼示例

import {RouterConfig} from "@angular/router";
import {nsProvideRouter} from "nativescript-angular/router"
import {StartPage} from "./pages/start/start.component";
import {SettingsPage} from "./pages/settings/settings.component";


export const routes: RouterConfig = [
  { path: "", component: StartPage },
  { path: "settings", component: SettingsPage },
];

export const APP_ROUTER_PROVIDERS = [
  nsProvideRouter(routes, {})
];

import {RouterConfig} from "@angular/router";
import {nsProvideRouter} from "nativescript-angular/router"
import {LoginPageComponent} from "./pages/login/login.component";
import {ListPageComponent} from "./pages/list/list.component";
import {AuthGuard} from "./auth.guard";

export const routes: RouterConfig = [
  { path: "", component: ListPageComponent, canActivate: [AuthGuard] },
  { path: "login", component: LoginPageComponent }
];

export const APP_ROUTER_PROVIDERS = [
  nsProvideRouter(routes, { enableTracing: false }),
  AuthGuard
];

import { nsProvideRouter } from "nativescript-angular/router";
import { RouterConfig } from '@angular/router';
import { ExamplesListDepth1Component, ExamplesListDepth2Component, ExamplesListDepth3Component } from "./examples-list/examples-list.component";
import { ExampleComponent } from "./example/example.component";
import { OptionsComponent } from "./options/options.component";

const ROUTES: RouterConfig = [
    { path: "", redirectTo: "/examples-depth-1/root/root", terminal: true },
    { path: "examples-depth-1/:parentTitle/:tappedTitle", component: ExamplesListDepth1Component },
    { path: "examples-depth-2/:parentTitle/:tappedTitle", component: ExamplesListDepth2Component },
    { path: "examples-depth-3/:parentTitle/:tappedTitle", component: ExamplesListDepth3Component },
    { path: "example/:parentTitle/:tappedTitle", component: ExampleComponent },
    { path: "options", component: OptionsComponent }
];

export const APP_ROUTER_PROVIDERS = [
    nsProvideRouter(ROUTES, { enableTracing: false })
]

}

// >> router-extensions-import
@Component({
    // ...
    // >> (hide)
    selector: 'component',
    template: `<StackLayout><Label text="Main Page"></Label></StackLayout>`
    // << (hide)
})
export class MainComponent {
    constructor(private routerExtensions: RouterExtensions) {
        // ...
    }
}
// << router-extensions-import

@Component({
    selector: 'application',
    directives: [NS_ROUTER_DIRECTIVES],
    template: "<page-router-outlet></page-router-outlet>"
})
export class App { }

const routes: RouterConfig = [
    { path: "", component: MyComponent },
    { path: "main", component: MainComponent },
];

export const providers = nsProvideRouter(routes, {});

// this import should be first in order to load some required settings (like globals and reflect-metadata)
import {nativeScriptBootstrap} from "nativescript-angular/application";
import {nsProvideRouter} from 'nativescript-angular/router';
import {RouterConfig} from '@angular/router';
import {AppComponent} from "./app.component";
import {DetoxComponent} from './components/detox/detox.component';
import {HomeScreenComponent} from './components/home-screen/home-screen.component';

export const AppRoutes: RouterConfig = [
{ path: "", component: DetoxComponent },
{ path:"home-screen", component: HomeScreenComponent}
]

nativeScriptBootstrap(AppComponent, [[nsProvideRouter(AppRoutes,{})]], { startPageActionBarHidden: false });