TypeScript router.nsProvideRouter函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了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, {})
];

开发者ID:bfv，项目名称:firebase-ng，代码行数:14，代码来源:app.routes.ts

示例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
];

开发者ID:GerryMcCormick，项目名称:Nativescript-Groceries，代码行数:15，代码来源:app.routes.ts

示例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 })
]

开发者ID:drejohnson，项目名称:nativescript-ui-samples-angular，代码行数:18，代码来源:app.routes.ts

示例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, {});

开发者ID:evenkeeler，项目名称:nativescript-angular，代码行数:30，代码来源:router-extensions.ts

示例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 });

开发者ID:mrrobot16，项目名称:quotox-tns，代码行数:14，代码来源:main.ts

注：本文中的nativescript-angular/router.nsProvideRouter函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。