Angular路由跳转

举例是从bookframe跳到borrowbook页面：

Bookfram.components.ts：

this.router.navigateByUrl("/borrowbook/" + this.isbn + "/" + this.location);

以上代码要写到bookframe的跳转方法中，此代码为接收该页面的isbn和location值。

app.routes.ts:

{
         path:'borrowbook/:isbn/:location/:bookName/:author/:owner/:usenum/:id/:userid',   //查询 
         // loadChildren:'./sharebook/bookframe/bookframe.module#BookframeModule'//采用懒加载
          component:BorrowbookComponent
       }

此处，注释处的代码也可以。

app.module.ts：

import { BorrowbookModule } from './workspace/sharebook/borrowbook/borrowbook.module';

imports: [
    // ViewChild ,
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule,
    FileUploadModule,
    GrowlModule,
    BrowserAnimationsModule,
    ConfirmDialogModule,
    BorrowbookModule,
    RouterModule.forRoot(appRoutes)
    
  ],

以上加上borrowbook部分即可。

borrowbook.module.ts：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import{BorrowbookComponent} from'./borrowbook.component';
import { RouterModule } from '@angular/router';
import{BorrowbookRoutes} from'./borrowbook.routes';
import {HttpModule} from '@angular/http';
import { FormsModule } from '@angular/forms';
import {GrowlModule} from 'primeng/primeng';

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(<any>BorrowbookRoutes),
    HttpModule,
    FormsModule,
    GrowlModule
  ],
  providers:[],

  declarations: [
    BorrowbookComponent
  ]
})
export class BorrowbookModule { }

borrowbook.routes.ts：

import{BorrowbookComponent}from'./borrowbook.component';   //导入我的组件

export const BorrowbookRoutes=[
    {
        path:'',
        component:BorrowbookComponent,
        
    

    }
];

borrowboook.component.ts：

let isbn = this.activeRoute.snapshot.paramMap.get("isbn");//接收路由跳转过来的ISBN

以上即为路由跳转相关操作~