TypeScript router.RouterModule类代码示例

import { ModuleWithProviders } from '@angular/core';
import { RouterModule } from '@angular/router';

import * as view from './view/index';

export const appRouting: ModuleWithProviders = RouterModule.forRoot([
    { path: '', redirectTo: '/home', pathMatch: 'full' },
    { path: '', component: view.LayoutComponent, children: [
        { path: 'home', component: view.HomeComponent },
    ] }
], { enableTracing: false, useHash: true });

export const VIEWS: any[] = [
    view.LayoutComponent,
    view.HomeComponent
];

/**
 * Created by slashhuang on 16/9/30.
 * 路由模块
 * 主程序入口提供路由服务,angular2目前在路由层面默认在topLevel需要定义router
 */

import { ModuleWithProviders }  from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const mainRoutes: Routes = [
    {
        path:'',
        redirectTo:'',
        pathMatch:'full'
    }
];

export const AppRouting: ModuleWithProviders = RouterModule.forRoot(mainRoutes);

import { ModuleWithProviders } from "@angular/core";
import { RouterModule } from "@angular/router";

import { SupportComponent } from "./support.component";

export const routing: ModuleWithProviders = RouterModule.forChild([
  { path: "support", component: SupportComponent},
]);

      { path: 'button', component: ButtonDemoComponent },
      { path: 'card', component: CardDemoComponent },
      { path: 'radio', component: RadioDemoComponent },
      { path: 'sidenav', component: SidenavDemoComponent },
      { path: 'slide-toggle', component: SlideToggleDemoComponent },
      { path: 'slider', component: SliderDemoComponent },
      { path: 'progress-circle', component: ProgressCircleDemoComponent },
      { path: 'progress-bar', component: ProgressBarDemoComponent },
      { path: 'portal', component: PortalDemoComponent },
      { path: 'overlay', component: OverlayDemoComponent },
      { path: 'checkbox', component: CheckboxDemoComponent },
      { path: 'input', component: InputDemoComponent },
      { path: 'toolbar', component: ToolbarDemoComponent },
      { path: 'icon', component: IconDemoComponent },
      { path: 'list', component: ListDemoComponent },
      { path: 'menu', component: MenuDemoComponent },
      { path: 'live-announcer', component: LiveAnnouncerDemoComponent },
      { path: 'gestures', component: GesturesDemoComponent },
      { path: 'grid-list', component: GridListDemoComponent },
      { path: 'tabs', component: TabsDemoComponent },
      { path: 'button-toggle', component: ButtonToggleDemoComponent },
      { path: 'baseline', component: BaselineDemoComponent },
      { path: 'ripple', component: RippleDemoComponent },
      { path: 'dialog', component: DialogDemoComponent },
      { path: 'tooltip', component: TooltipDemoComponent },
    ]
  }
];

export const demoRouting : ModuleWithProviders = RouterModule.forChild(demoRoutes);

import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './components/home/home.component';
import { FuncionesComponent } from './components/funciones/funciones.component';
import { FuncionRangosComponent } from './components/funcion-rangos/funcion-rangos.component';


const APP_ROUTES: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'funciones', component: FuncionesComponent },
  { path: 'funcion-rangos/:index', component: FuncionRangosComponent },
  { path: '**', pathMatch: 'full', redirectTo: 'home' }
];

export const APP_ROUTING = RouterModule.forRoot(APP_ROUTES, {useHash:true});

import { Routes,RouterModule } from '@angular/router';
import { CourseComponent } from './course.component';
import { CourseListComponent } from './course-list.component';
import {PageNotFoundComponent } from '../pagenotfound.component';

const courseRoutes: Routes = [    
  { path: 'course', component: CourseComponent },
  {
    path: 'courselist',
    component: CourseListComponent,
    data: {
      title: 'Heroes List'
    }
  }
];

export const courseRoutingProviders: any[] = [

];

export const courseRouting = RouterModule.forChild(courseRoutes);

import { RouterModule }  from '@angular/router';

import { HomeComponent } from './home.component';

export const routing = RouterModule.forChild([
	{
		path: '',
		component: HomeComponent
	}
]);

import {ModuleWithProviders} from "@angular/core"
import {FontAwesomeComponent} from "./+font-awesome/font-awesome.component";
import {GlyphiconsComponent} from "./+glyphicons/glyphicons.component";
import {FlagsComponent} from "./+flags/flags.component";
import {Routes, RouterModule} from "@angular/router";

export const iconsRoutes:Routes = [{
      path: 'font-awesome',
      component: FontAwesomeComponent
    },
    {
      path: 'glyphicons',
      component: GlyphiconsComponent

    },
    {
      path: 'flags',
      component: FlagsComponent
    }
  ];

export const iconsRouting = RouterModule.forChild(iconsRoutes);

/**
 * Created by Martin on 11/08/16.
 */
import { Routes, RouterModule } from '@angular/router';

import { UserListComponent, UserDetailComponent } from './';
import { TopicListComponent } from '../topics';

const usersRoutes: Routes = [
    {
        path: 'users',
        component: UserListComponent,
        children: [
            { path: ':uuid', component: TopicListComponent },
            { path: '', component: UserDetailComponent }
        ]
    },

];

export const usersRouting = RouterModule.forChild(usersRoutes);

/**
 * Created by stefania on 9/16/16.
 */
import { ModuleWithProviders }  from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { ResourceTypeListComponent } from "./resource-type-list.component";
import { ResourceTypeDetailsComponent } from "./resource-type-detail.component";
import { NewResourceTypeComponent } from "./new-resource-type.component";



const resourceTypesRoutes: Routes = [
    {
        path: 'resourceType',
        component: ResourceTypeListComponent
    },
    {
        path: 'resourceType/detail/:name',
        component: ResourceTypeDetailsComponent
    },
    {
        path: 'resourceType/new',
        component: NewResourceTypeComponent,
    },
];

export const resourceTypesRouting: ModuleWithProviders = RouterModule.forChild(resourceTypesRoutes);