| 
									
										
										
										
											2015-12-13 15:15:46 -08:00
										 |  |  | // #docregion
 | 
					
						
							| 
									
										
										
										
											2016-05-03 14:06:32 +02:00
										 |  |  | import { Component } from '@angular/core'; | 
					
						
							| 
									
										
										
										
											2015-12-13 15:15:46 -08:00
										 |  |  | 
 | 
					
						
							|  |  |  | @Component({ | 
					
						
							|  |  |  |   selector: 'click-me2', | 
					
						
							|  |  |  |   template: `
 | 
					
						
							|  |  |  |     <button (click)="onClickMe2($event)">No! .. Click me!</button> | 
					
						
							|  |  |  |     {{clickMessage}}`
 | 
					
						
							|  |  |  | }) | 
					
						
							| 
									
										
										
										
											2016-06-13 00:41:33 +02:00
										 |  |  | export class ClickMe2Component { | 
					
						
							| 
									
										
										
										
											2015-12-13 15:15:46 -08:00
										 |  |  |   clickMessage = ''; | 
					
						
							|  |  |  |   clicks = 1; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2016-06-08 01:06:25 +02:00
										 |  |  |   onClickMe2(event: any) { | 
					
						
							|  |  |  |     let evtMsg = event ? ' Event target is ' + event.target.tagName  : ''; | 
					
						
							|  |  |  |     this.clickMessage = (`Click #${this.clicks++}. ${evtMsg}`); | 
					
						
							| 
									
										
										
										
											2015-12-13 15:15:46 -08:00
										 |  |  |   } | 
					
						
							|  |  |  | } |