本文整理汇总了TypeScript中nativescript-angular/router.nsProvideRouter函数的典型用法代码示例。如果您正苦于以下问题:TypeScript nsProvideRouter函数的具体用法?TypeScript nsProvideRouter怎么用?TypeScript nsProvideRouter使用的例子?那么, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了nsProvideRouter函数的5个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: 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, {})
];
示例2: nsProvideRouter
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
];
示例3: nsProvideRouter
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 })
]
示例4: constructor
}
// >> 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, {});
示例5: nativeScriptBootstrap
// 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 });