Angular使用router路由，做页面跳转，传值

Angular使用router路由，做页面跳转，传值

step1: 添加路由模块，创建三个组件模块，首页 我的 详情页

ng generate module app-routing --flat --module=app
ng generate component user
ng generate component dashboard
ng generate component userDetail

step2: 路由 D:\vue\untitled2900\src\app\app-routing.module.ts

import {
   NgModule} from '@angular/core';
import {
   RouterModule, Routes} from "@angular/router";
import {
   UserDetailComponent} from "./user-detail/user-detail.component";
import {
   UserComponent} from "./user/user.component";
import {
   DashboardComponent} from "./dashboard/dashboard.component";

const routes: Routes = [
  {
   path:'',redirectTo:'/dashboard',pathMatch:'full'},
  {
   path: 'users', component: UserComponent},
  {
   path: 'userDetail', component: UserDetailComponent},
  {
   path: 'dashboard', component: DashboardComponent}];

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

export class AppRoutingModule {
   
}