25 lines
		
	
	
		
			543 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
		
		
			
		
	
	
			25 lines
		
	
	
		
			543 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| 
								 | 
							
								/* FOR DOCS ... MUST MATCH ClickMeComponent template
							 | 
						||
| 
								 | 
							
								// #docregion click-me-button
							 | 
						||
| 
								 | 
							
								  <button (click)="onClickMe()">Click me!</button>
							 | 
						||
| 
								 | 
							
								// #enddocregion click-me-button
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// #docregion
							 | 
						||
| 
								 | 
							
								import {Component} from 'angular2/core';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// #docregion click-me-component
							 | 
						||
| 
								 | 
							
								@Component({
							 | 
						||
| 
								 | 
							
								  selector: 'click-me',
							 | 
						||
| 
								 | 
							
								  template: `
							 | 
						||
| 
								 | 
							
								    <button (click)="onClickMe()">Click me!</button>
							 | 
						||
| 
								 | 
							
								    {{clickMessage}}`
							 | 
						||
| 
								 | 
							
								})
							 | 
						||
| 
								 | 
							
								export class ClickMeComponent {
							 | 
						||
| 
								 | 
							
								  clickMessage = '';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  onClickMe(){
							 | 
						||
| 
								 | 
							
								    this.clickMessage ='You are my hero!';
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								// #enddocregion click-me-component
							 |