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 {}
 |