Moved route configuration into separate variable for consistency Added async pipe to handle subscriptions for list items
		
			
				
	
	
		
			25 lines
		
	
	
		
			621 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			25 lines
		
	
	
		
			621 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| // #docregion
 | |
| import { NgModule }             from '@angular/core';
 | |
| import { RouterModule, Routes } from '@angular/router';
 | |
| 
 | |
| import { HeroListComponent }    from './hero-list.component';
 | |
| import { HeroDetailComponent }  from './hero-detail.component';
 | |
| 
 | |
| const heroesRoutes: Routes = [
 | |
|   { path: 'heroes',  component: HeroListComponent },
 | |
| // #docregion hero-detail-route
 | |
|   { path: 'hero/:id', component: HeroDetailComponent }
 | |
| // #enddocregion hero-detail-route
 | |
| ];
 | |
| 
 | |
| @NgModule({
 | |
|   imports: [
 | |
|     RouterModule.forChild(heroesRoutes)
 | |
|   ],
 | |
|   exports: [
 | |
|     RouterModule
 | |
|   ]
 | |
| })
 | |
| export class HeroRoutingModule { }
 | |
| // #enddocregion
 |