54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
|
import { NgModule } from '@angular/core';
|
||
|
|
import { RouterModule, Routes } from '@angular/router';
|
||
|
|
import { CommonModule } from '@angular/common';
|
||
|
|
import { UsersComponent } from './users/users.component';
|
||
|
|
import { UserComponent } from './user/user.component';
|
||
|
|
import { UserDetailComponent } from './user-detail/user-detail.component';
|
||
|
|
import { FormsModule } from '@angular/forms';
|
||
|
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
||
|
|
import { UserService } from './services/user.service';
|
||
|
|
import { UserDataComponent } from './user-data/user-data.component';
|
||
|
|
|
||
|
|
|
||
|
|
const routes: Routes = [
|
||
|
|
{
|
||
|
|
path: 'users',
|
||
|
|
pathMatch:'full',
|
||
|
|
component : UsersComponent,
|
||
|
|
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path:'',
|
||
|
|
pathMatch:'full',
|
||
|
|
redirectTo:'users',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: 'users/new',
|
||
|
|
component: UserDetailComponent,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: 'users/:id/edit',
|
||
|
|
component: UserDetailComponent,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: 'users/:id',
|
||
|
|
component: UserDataComponent,
|
||
|
|
},
|
||
|
|
|
||
|
|
];
|
||
|
|
|
||
|
|
@NgModule({
|
||
|
|
declarations: [
|
||
|
|
UsersComponent,
|
||
|
|
UserComponent,
|
||
|
|
UserDetailComponent,
|
||
|
|
],
|
||
|
|
imports: [RouterModule.forRoot(routes),
|
||
|
|
FormsModule,
|
||
|
|
CommonModule,
|
||
|
|
FontAwesomeModule,
|
||
|
|
],
|
||
|
|
exports: [RouterModule]
|
||
|
|
})
|
||
|
|
export class AppRoutingModule { }
|