使用angular2单击提交按钮时从一个页面导航到另一个页面

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { SourcePageComponent } from './source-page.component';
import { TargetPageComponent } from './target-page.component';

const routes: Routes = [
  { path: 'source-page', component: SourcePageComponent },
  { path: 'target-page', component: TargetPageComponent },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { SourcePageComponent } from './source-page.component';
import { TargetPageComponent } from './target-page.component';

@NgModule({
  declarations: [
    AppComponent,
    SourcePageComponent,
    TargetPageComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }