| 
									
										
										
										
											2016-09-14 13:10:04 -04:00
										 |  |  | // #docregion
 | 
					
						
							|  |  |  | import { Component } from '@angular/core'; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | @Component({ | 
					
						
							| 
									
										
										
										
											2016-11-30 02:52:20 -05:00
										 |  |  |   moduleId: module.id, | 
					
						
							| 
									
										
										
										
											2016-09-14 13:10:04 -04:00
										 |  |  |   selector: 'my-app', | 
					
						
							|  |  |  |   templateUrl: 'app.component.html' | 
					
						
							|  |  |  | }) | 
					
						
							|  |  |  | export class AppComponent { | 
					
						
							|  |  |  |   showHeading = true; | 
					
						
							|  |  |  |   heroes = ['Magneta', 'Bombasto', 'Magma', 'Tornado']; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   toggleHeading() { | 
					
						
							|  |  |  |     this.showHeading = !this.showHeading; | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | } |