| 
									
										
										
										
											2015-12-23 09:42:57 -08:00
										 |  |  | // #docregion
 | 
					
						
							| 
									
										
										
										
											2016-04-27 11:28:22 -07:00
										 |  |  | import { Component } from '@angular/core'; | 
					
						
							| 
									
										
										
										
											2015-12-23 09:42:57 -08:00
										 |  |  | 
 | 
					
						
							|  |  |  | @Component({ | 
					
						
							| 
									
										
										
										
											2016-10-06 00:14:44 +01:00
										 |  |  |   moduleId: module.id, | 
					
						
							| 
									
										
										
										
											2015-12-23 09:42:57 -08:00
										 |  |  |   selector: 'my-app', | 
					
						
							| 
									
										
										
										
											2016-06-10 09:37:33 -07:00
										 |  |  |   // #docregion template
 | 
					
						
							| 
									
										
										
										
											2015-12-23 09:42:57 -08:00
										 |  |  |   template: `
 | 
					
						
							|  |  |  |     <h1>{{title}}</h1> | 
					
						
							|  |  |  |     <nav> | 
					
						
							| 
									
										
										
										
											2016-08-09 17:38:25 +01:00
										 |  |  |       <a routerLink="/dashboard" routerLinkActive="active">Dashboard</a> | 
					
						
							|  |  |  |       <a routerLink="/heroes" routerLinkActive="active">Heroes</a> | 
					
						
							| 
									
										
										
										
											2015-12-23 09:42:57 -08:00
										 |  |  |     </nav> | 
					
						
							|  |  |  |     <router-outlet></router-outlet> | 
					
						
							|  |  |  |   `,
 | 
					
						
							| 
									
										
										
										
											2016-06-10 09:37:33 -07:00
										 |  |  |   // #enddocregion template
 | 
					
						
							| 
									
										
										
										
											2016-08-17 13:31:40 -07:00
										 |  |  |   // #docregion styleUrls
 | 
					
						
							| 
									
										
										
										
											2016-10-06 00:14:44 +01:00
										 |  |  |   styleUrls: ['app.component.css'], | 
					
						
							| 
									
										
										
										
											2016-08-17 13:31:40 -07:00
										 |  |  |   // #enddocregion styleUrls
 | 
					
						
							| 
									
										
										
										
											2015-12-23 09:42:57 -08:00
										 |  |  | }) | 
					
						
							|  |  |  | export class AppComponent { | 
					
						
							|  |  |  |   title = 'Tour of Heroes'; | 
					
						
							|  |  |  | } |