Mainly copyedits and prep for extension + example code cleanup & bug fix + fix bug in default color initialization
		
			
				
	
	
		
			21 lines
		
	
	
		
			623 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			21 lines
		
	
	
		
			623 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!-- #docregion -->
 | |
| <!-- #docregion v2 -->
 | |
| <h1>My First Attribute Directive</h1>
 | |
| <h4>Pick a highlight color</h4>
 | |
| <div>
 | |
|   <input type="radio" name="colors" (click)="color='lightgreen'">Green
 | |
|   <input type="radio" name="colors" (click)="color='yellow'">Yellow
 | |
|   <input type="radio" name="colors" (click)="color='cyan'">Cyan
 | |
| </div>
 | |
| <!-- #docregion pHost -->
 | |
| <p [myHighlight]="color">Highlight me!</p>
 | |
| <!-- #enddocregion pHost -->
 | |
| <!-- #enddocregion v2 -->
 | |
| 
 | |
| <!-- #docregion defaultColor -->
 | |
| <p [myHighlight]="color" [defaultColor]="'violet'">
 | |
|   Highlight me too!
 | |
| </p>
 | |
| <!-- #enddocregion defaultColor -->
 | |
| <!-- #enddocregion -->
 |