17 lines
		
	
	
		
			451 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			17 lines
		
	
	
		
			451 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
|  | <div class="parent"> | ||
|  |   <h2>Spy Directive</h2> | ||
|  | 
 | ||
|  |   <input [(ngModel)]="newName" (keyup.enter)="addHero()"> | ||
|  |   <button (click)="addHero()">Add Hero</button> | ||
|  |   <button (click)="reset()">Reset Heroes</button> | ||
|  | 
 | ||
|  |   <p></p> | ||
|  |   <!-- #docregion template --> | ||
|  |   <div *ngFor="let hero of heroes" mySpy class="heroes"> | ||
|  |     {{hero}} | ||
|  |   </div> | ||
|  |   <!-- #enddocregion template --> | ||
|  |   <h4>-- Spy Lifecycle Hook Log --</h4> | ||
|  |   <div *ngFor="let msg of logs">{{msg}}</div> | ||
|  | </div> |