24 lines
		
	
	
		
			821 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
		
		
			
		
	
	
			24 lines
		
	
	
		
			821 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
|  | // #docregion
 | ||
|  | import { NgModule } from '@angular/core'; | ||
|  | import { Routes, RouterModule } from '@angular/router'; | ||
|  | import { APP_BASE_HREF, HashLocationStrategy, LocationStrategy } from '@angular/common'; | ||
|  | 
 | ||
|  | import { PhoneDetailComponent } from './phone-detail/phone-detail.component'; | ||
|  | import { PhoneListComponent }   from './phone-list/phone-list.component'; | ||
|  | 
 | ||
|  | const routes: Routes = [ | ||
|  |   { path: '', redirectTo: 'phones', pathMatch: 'full' }, | ||
|  |   { path: 'phones',          component: PhoneListComponent }, | ||
|  |   { path: 'phones/:phoneId', component: PhoneDetailComponent } | ||
|  | ]; | ||
|  | 
 | ||
|  | @NgModule({ | ||
|  |   imports: [ RouterModule.forRoot(routes) ], | ||
|  |   exports: [ RouterModule ], | ||
|  |   providers: [ | ||
|  |     { provide: APP_BASE_HREF, useValue: '!' }, | ||
|  |     { provide: LocationStrategy, useClass: HashLocationStrategy }, | ||
|  |   ] | ||
|  | }) | ||
|  | export class AppRoutingModule {} |