Moved all heroes functionality into milestone 2 Crisis Center initial functionality is milestone 3 Admin feature module as milestone 4 including route guard examples Updated milestone 5 to lazy load admin feature module Added examples for CanLoad, CanActivateChildren guard, component-less routes Added section on explanation of ActivatedRoute Added section on animating route components Added section on relative navigation
		
			
				
	
	
		
			22 lines
		
	
	
		
			589 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			22 lines
		
	
	
		
			589 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
// #docplaster
 | 
						|
// #docregion
 | 
						|
import { Component } from '@angular/core';
 | 
						|
 | 
						|
@Component({
 | 
						|
  selector: 'my-app',
 | 
						|
  // #docregion template
 | 
						|
  template: `
 | 
						|
    <h1 class="title">Angular Router</h1>
 | 
						|
    <nav>
 | 
						|
      <a routerLink="/crisis-center" routerLinkActive="active">Crisis Center</a>
 | 
						|
      <a routerLink="/heroes" routerLinkActive="active">Heroes</a>
 | 
						|
      <a routerLink="/admin" routerLinkActive="active">Admin</a>
 | 
						|
      <a routerLink="/login" routerLinkActive="active">Login</a>
 | 
						|
    </nav>
 | 
						|
    <router-outlet></router-outlet>
 | 
						|
  `
 | 
						|
  // #enddocregion template
 | 
						|
})
 | 
						|
export class AppComponent {
 | 
						|
}
 |