17 lines
		
	
	
		
			453 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			17 lines
		
	
	
		
			453 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 spyLog">{{msg}}</div>
							 | 
						||
| 
								 | 
							
								</div>
							 |